Reactコンポーネントを表示する方法

Question

次のコンテンツは次のように表示できますか: jsx?

リーリー

それとも、React の機能コンポーネントを作成した方がよいでしょうか:

リーリー

Answer 1

2 番目の方法は、よりシンプルで読みやすいように見えます。コードを読みやすくすればするほど、プロジェクトが大きくなり、管理が容易になることに注意してください。さらに、このアプローチは React コンポーネントを構築するための最も一般的な方法です。

Answer 2

ベストプラクティスは、React コンポーネントとしてレンダリングすることです。

その理由は、非常に単純なコンポーネントの場合は関数を使用するだけでもまだ可能ですが、将来的には変更して、フックなどの「React のような」機能を追加する可能性があるためです。その時点で問題が発生する可能性がありますが、React は通常、それがアプリケーションの問題の原因であることを教えてくれません。この問題が発生した場合、特に関数が別のファイルにある場合は、エラーを見つけるのが面倒になる可能性があります。

エラー境界を使用するとどのような問題が発生するかについての例は、この記事に記載されています。

このスタック オーバーフローの回答によると、パフォーマンスの点では関数呼び出しのアプローチの方が速い可能性がありますが、私の意見では、この場合は関数をまったく使用しない方が安全なオプションです。

だから、自分が十分に注意していると思っていれば、誰もあなたを止めないでしょう。ただし、トラブルに巻き込まれないように注意してください。幸運を！