フォームのコンポーネントを反応で拡張する方法

Question

別の2つのコンポーネントをレンダリングするフォームXがあり、これらのコンポーネントに多くの子コンポーネントが含まれているとしましょう。これまではOKでしたが、フォームXと同じですが、子コンポーネントの一部のロジックだけがYフォームのカスタムですが、このケースを処理するベストプラクティスは何ですか？ jsxの条件文では、現在どのフォームが使用されているかを示す小道具を渡しますか？ またはコンポーネントを継承し、各フォームにカスタムロジックを適用しますか？

私はOOPソリューションを作成しますが、getFirstComponentメソッドは多くの子コンポーネントを持ちますが、ほとんどのダウンコンポーネントのカスタムロジックを追加したい場合は、どちらも拡張する新しいコンポーネントクラスを作成する必要があります元のコンポーネントをオーバーライドして、カスタムロジックを追加するためにレンダリングメソッドをオーバーライドするか、または現在使用されているフォームを示すフラグを渡してJSX条件を使用して決定します。

Answer 1

Xをできるだけジェネリックにすることをお勧めします。これはあらゆる場所で使用できます。 Xを2つの部分（X1とX2）に分割することができます。最初の部分が最も一般的である必要があります（どこでも使用できます）。したがって、XとX1ではX1とX2を使用し、Y（= X1 +その他のもの）ではアドオン（他のロジック）を使用することができます。