javascript - 是否可以动态地将 JSX 添加到 React 代码中

Question

假设我想在 Javascript 函数内动态创建 JSX 标签树，然后将它们添加到我的 React 代码中。那可能吗？如果是这样，你会怎么做？

编辑:我收到<div className="msg"><p>Hello World</p></div>作为字符串，所以我不能只返回不带引号的它。另外，不使用 dangerouslySetInnerHTML 。

JSX工厂

function jsxFactory() {
  return '<div className="msg"><p>Hello World</p></div>'
}

react 代码

render() {
  render(
    {jsxFactory()}
  )
}

Answer 1

您可以不使用引号来完成此操作。

return <div className="msg"><p>Hello World</p></div>