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 呼び出せない