jsx和React中的動態標簽名稱未通過props

Question

跟隨jsx和React中的動態標簽名稱
我嘗試了兩個建議的答案，但他們兩個似乎都沒有通過任何道具！
（以下是此問題的示例）[ https://codesandbox.io/s/angry-torvalds-x7hcv?fontsize=14]
我究竟做錯了什么？
這是另一個例子，與上面的例子一樣，使用React.createElement也不是最小的，它也不起作用，似乎沒有傳遞任何道具

outputElement = React.createElement(
  `${this.props.UI_Element.type}`,
  {
    ...globalRequiredProperties,
    ...this.props.UI_Element.config
  },
  ...UIChildren
)  

簡而言之，我的最終目標是僅通過具有類型（或您可能會說的名字）來動態創建導入的組件。
更新01：
一致地看后，我發現了另一種方法，它使用了一個數組，在該數組中，您將字符串映射到實際組件，然后創建一個使用該映射來調用組件的標簽
這是一個例子
這似乎正在按預期的方式工作，但是我仍然希望避免手動創建地圖，這意味着我仍然希望僅使用string ！來創建組件，有沒有辦法做到這一點？

Answer 1

我一直在尋找一種方法，不僅可以動態導入組件，而且可以動態創建它，但是在尋找了一段時間后，我偶然遇到了一個圖書館，這樣做無法實現動態標簽的創建！
該庫稱為react-loadable
這是一個例子
正如您所看到的，導入，組件標簽和其他所有內容都是根據我的需要動態創建的，希望這對其他所有人也有幫助。