Reactの型定義
React独自の型
ReactNode
code:js
type ReactNode = string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | ReactFragment | ReactPortal | null | undefined
ReactElement
code:js
(alias) interface ReactElement<P = any, T extends string | import("/Users/becolomochi/.../node_modules/@types/react/index.d.ts").JSXElementConstructor<any> = string | import("/Users/becolomochi/.../node_modules/@types/react/index.d.ts").JSXElementConstructor<any>>
import ReactElement
ReactFragment
code:js
(alias) type ReactFragment = Iterable<ReactNode>
import ReactFragment
ReactPortal
code:js
(alias) interface ReactPortal
import ReactPortal
ReactChild は今は非推奨らしい
code:js
(alias) type ReactChild = string | number | ReactElement<any, string | JSXElementConstructor<any>>
import ReactChild
@deprecated — - This type is not relevant when using React. Inline the type instead to make the intent clear.
参考
React.FunctionComponent(React.FC)
JSX.Element
JSX.Element[] はコンポーネントとして扱えないので、純粋な関数として定義して使う
外側からmap 呼び出せない