/zakuni/function component - Scrapbox Reader

generated at 2/12/2025, 5:58:38 AM

function component
jsxfunction Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}
propsを受け取ってReact Element を返す
ただのJSの関数(function)だから、function component

大抵functional componentって呼ばれてる気がするけど、React公式のドキュメントには"function component"って書いてある

TypeScriptで書く場合
tsconst Welcome: React.FC<IProps> = (props) => {
	return <h1>Hello, {props.name}</h1>;
}
型としては React.FC を使える
ジェネリクスにPropsのInterfaceを渡せる