84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
次のコンテンツは次のように表示できますか: jsx?
jsx
それとも、React の機能コンポーネントを作成した方がよいでしょうか:
2 番目の方法は、よりシンプルで読みやすいように見えます。コードを読みやすくすればするほど、プロジェクトが大きくなり、管理が容易になることに注意してください。さらに、このアプローチは React コンポーネントを構築するための最も一般的な方法です。
ベストプラクティスは、React コンポーネントとしてレンダリングすることです。
その理由は、非常に単純なコンポーネントの場合は関数を使用するだけでもまだ可能ですが、将来的には変更して、フックなどの「React のような」機能を追加する可能性があるためです。その時点で問題が発生する可能性がありますが、React は通常、それがアプリケーションの問題の原因であることを教えてくれません。この問題が発生した場合、特に関数が別のファイルにある場合は、エラーを見つけるのが面倒になる可能性があります。
エラー境界を使用するとどのような問題が発生するかについての例は、この記事に記載されています。
このスタック オーバーフローの回答によると、パフォーマンスの点では関数呼び出しのアプローチの方が速い可能性がありますが、私の意見では、この場合は関数をまったく使用しない方が安全なオプションです。
2 番目の方法は、よりシンプルで読みやすいように見えます。コードを読みやすくすればするほど、プロジェクトが大きくなり、管理が容易になることに注意してください。さらに、このアプローチは React コンポーネントを構築するための最も一般的な方法です。
ベストプラクティスは、React コンポーネントとしてレンダリングすることです。
その理由は、非常に単純なコンポーネントの場合は関数を使用するだけでもまだ可能ですが、将来的には変更して、フックなどの「React のような」機能を追加する可能性があるためです。その時点で問題が発生する可能性がありますが、React は通常、それがアプリケーションの問題の原因であることを教えてくれません。この問題が発生した場合、特に関数が別のファイルにある場合は、エラーを見つけるのが面倒になる可能性があります。
エラー境界を使用するとどのような問題が発生するかについての例は、この記事に記載されています。
このスタック オーバーフローの回答によると、パフォーマンスの点では関数呼び出しのアプローチの方が速い可能性がありますが、私の意見では、この場合は関数をまったく使用しない方が安全なオプションです。
だから、自分が十分に注意していると思っていれば、誰もあなたを止めないでしょう。ただし、トラブルに巻き込まれないように注意してください。幸運を!