如何将字符串转换为 jsx？

Question

我将如何获取一个字符串，并将其转换为 jsx ？例如，如果我从 textarea 引入一个字符串，我如何将其转换为 React 元素；

 var jsxString = document.getElementById('textarea').value;

我将使用什么过程在客户端上进行转换？可能吗？

原文由 jhamm 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以考虑使用 React 属性 dangerouslySetInnerHTML ：

 class YourComponent{
  render() {
    someHtml = '<div><strong>blablabla<strong><p>another blbla</p/></div>'

    return (
      <div className="Container" dangerouslySetInnerHTML={{__html: someHtml}}></div>
    )
  }
}

原文由 user8296051 发布，翻译遵循 CC BY-SA 4.0 许可协议