如何在 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中文網其他相關文章！