Q&A
ご丁寧にありがとうございます。
これを受けてまた疑問が生じてしまったのですが、
Classコンポーネントとするのか、HooksのuseStateを使った状態を持つ関数コンポーネントとするのかの線引きはどう判断されるものなのでしょうか。
Hooksの登場で、Classコンポーネントの必要性がわからなくなってしまいました…
Reactを最近勉強し出しました。
typescriptで書く上で、React.FC型というのがあると知りましたが、イマイチいつ使っていつ使わないかがわかりません。
stateをもつもの
propsを受け取ってrenderするもの
propsを受け取ってjsxをreturnするもの
どれもReact.FC型で書いていいものなのでしょうか？
また、引数を受け取って単純計算して返すだけというような関数を、Function型ではなくReact.FC型にするメリットはありますでしょうか
回答2件
0
React.FC型の肝はやはり、ジェネリクスにpropsの型を指定できることだと思います。
したがって、
propsを受け取ってrenderするもの
propsを受け取ってjsxをreturnするもの
こちらに関してはReact.FC型を使って書くメリットはあるかと思います。
stateに関してはReact.useStateを使うのがいいのではないでしょうか。
また、引数を受け取って単純計算して返すだけというような関数を、Function型ではなくReact.FC型にするメリットはありますでしょうか
こちらに関しては通常のFunction型でいいと思っています。
少なくとも私は単純計算の関数でReact.FC型を使うメリットを知りません。
また、クラスコンポーネントで使う場合はReact.Componentを拡張します。
あまり詳しくは書いてありませんが、以下のブログは参考になるかと思います。
ReactをTypeScriptで書く3: React編
投稿2019/08/07 00:13
総合スコア544
0
ベストアンサー
FCとはFunctioal Componentの略です。
関数型コンポーネントの型として使います。
propsを受け取ってrenderするもの
これはClassコンポーネントのことでしょうか。
でしたらFCは使わずComponentを継承します。
stateをもつもの
最近の関数型コンポーネントはstateを持つことができるようになりましたが、Class型コンポーネントのことでしたら上と同じです。
propsを受け取ってjsxをreturnするもの
これは関数型コンポーネントだと思うのでこれに対して使います。
また、引数を受け取って単純計算して返すだけというような関数
JSXを返さない、つまりコンポーネントでないのなら使いません。
投稿2019/08/07 01:35
退会済みユーザー
総合スコア0
hooksがある今classでコンポーネントを作る必要はないと思っています
なるほど、やはりそうなのですね。
基本的にFunctionalCompornentで作って、returnされたjsxを
最上位モジュールでReactDOM.renderするといった書き方が主流になってくるのでしょうか？
他に方法があるなら知りたいですね。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/07 04:38