エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
propsに無名関数コンポーネントを渡すとき、メモ化するとESLintのrules-of-hooksエラーが出ない
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
propsに無名関数コンポーネントを渡すとき、メモ化するとESLintのrules-of-hooksエラーが出ない
サンプルコードにおいて、当初は無名関数のコンポーネントをprops.Bodyではなくchildrenとして渡す実装... サンプルコードにおいて、当初は無名関数のコンポーネントをprops.Bodyではなくchildrenとして渡す実装にしていましたが、動作しなかったので修正しました。 TL;DR Reactのコンポーネントを共通化するときに、PropsでComponentを渡したいときがたまにあります。 以下の例はPassComponentAsPropsコンポーネントのBodyにコンポーネントを渡している例です。 <PassComponentAsProps Body={({flag}) => { const [state, setState] = useState(false); return ( <div> <p>props.flag: {flag}</p> <p>local state: {state}</p> </div> ) }} ></PassComponentAsProps> しかし上記のように