我见过两种在 React 中使用 Typescript 声明 SFC 的方法,它们是这两种:
import * as React from 'react'
interface Props {
message: string
}
const Component = (props: Props) => {
const { message } = props
return (
<div>{message}</div>
)
}
export default Component
和:
import * as React from 'react'
interface Props {
message: string
}
const Component: React.StatelessComponent<Props> = props => {
const { message } = props
return (
<div>{message}</div>
)
}
export default Component
从this question我看到,如果您在组件中使用它,则可以通过第二种方式从界面中省略子项。
还有更多区别吗?哪一个是首选,为什么?