JSX で React コンポーネントに動的に名前を付けるにはどうすればよいですか?

JSX での React コンポーネントの動的名前付け

React 開発では、コンポーネントのタイプに基づいてコンポーネントを動的にレンダリングすると有益な場合があります。ただし、配列構文を使用したり、コンポーネントごとに新しいメソッドを作成しようとすると、エラーや冗長なコードが発生する可能性があります。

エレガントなソリューション

より洗練されたソリューションは、最初の文字が大文字の変数内のコンポーネント クラス。これは、HTML タグと React コンポーネントの規則に従います。例:

var MyComponent = Components[type + "Component"];
return <MyComponent />;

これは次のようにコンパイルされます:

var MyComponent = Components[type + "Component"];
return React.createElement(MyComponent, {});

または、実行時にコンポーネントのタイプを指定するという公式ドキュメントの推奨アプローチを使用することもできます:

return React.createElement(type, { /* props */ });

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