React でタイプごとにコンポーネントを動的にレンダリングするにはどうすればよいですか?

タイプごとにコンポーネントを動的にレンダリングする

問題:

タイプに基づいて動的コンポーネントを開発すると、単に連結するだけでは問題が発生します。 「Component」を含む文字列を使用すると、構文が正しくなくなります。この問題を解決するためにコンポーネントごとに新しいメソッドを作成するのは労力がかかります。

解決策:

公式 ReactJS ドキュメントで提案されている最新のアプローチを利用します:

const Component = React.createElement(type, props);

説明:

HTML タグまたは ReactClass 関数を期待する文字列連結メソッドを使用する代わりに、上記のソリューションでは React.createElement を直接使用します。これは 2 つのパラメータを受け入れます。文字列または関数としてのコンポーネント タイプと、コンポーネントの小道具を持つオプションのオブジェクトです。このアプローチにより、大文字で変数に名前を付ける必要がなくなり、より洗練されたソリューションが提供されます。

以上がReact でタイプごとにコンポーネントを動的にレンダリングするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。