0

在jsx 和 React 中的动态标签名称之后，
我尝试了两个建议的答案，但它们似乎都没有通过任何道具！
（这里是这个问题的一个例子）[ https://codesandbox.io/s/angry-torvalds-x7hcv?fontsize=14]
我做错了什么？
这是另一个不像上面那样最小的例子， using React.createElement，它也不能正常工作，而且它似乎没有传递任何道具 

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

简而言之，我的最终目标是创建一个导入的组件，仅通过具有其类型（或您可能说的名称）来动态创建。
更新 01：
在不断寻找之后，我找到了另一种方法，它使用了一个数组，在该数组中您将一个字符串映射到实际组件，然后创建一个使用该映射调用组件的标签 这
是一个示例
这似乎正在工作应该但我仍然想避免手动创建地图，这意味着我仍然希望只使用string！创建组件，有没有办法做到这一点？

4

1 回答 1

1

我一直在寻找一种方法，不仅可以动态导入组件，还可以动态创建它，但这无法实现动态标签的创建方式，在寻找了一段时间后，我遇到了一个完全可以做到这一点的库！
这个库被称为react-loadable
这是一个例子
你可以看到导入、组件标签和其他所有东西都是动态创建的，就像我想要的那样，希望这对其他人也有帮助。

于 2019-08-06T06:44:52.637 回答