【React v16.8 FunctionComponent + TypeScript】コンポーネント作成のド基礎 - Qiita

react超初心者用です。 現場でReact v16.8からのFunctionComponent型（今後FCと呼びます）を使用する機会があったのでメモ程度にド基礎をまとめました。 間違っているところがあればご指摘いただけると幸いです！！ 超簡単なプロフィールを表示するコンポーネントでまとめます。 全体 import React from 'react' interface PersonProps { name: string, age?: number, agree?: Function, } const Person: React.FC<PersonProps> = props => { const { name, age, } = props const agree = () => { console.log(`${name}は${age}才です`) } return ( <React