reactjs – 如何将字符串转换为jsx？

发布时间：2020-12-15 20:54:08 所属栏目：百科来源：网络整理

导读：我如何获取字符串,并将其转换为jsx？例如,如果我从textarea引入一个字符串,我怎么能将它转换为React元素; var jsxString = document.getElementById('textarea').value; 我将使用什么过程在客户端上转换它？可能吗？您可以考虑使用JSX属性dangerouslySetInn

我如何获取字符串,并将其转换为jsx？例如,如果我从textarea引入一个字符串,我怎么能将它转换为React元素;

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

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

您可以考虑使用JSX属性dangerouslySetInnerHTML

以下示例用法：

class YourComponent{

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

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

我知道你迟到了:)但希望它可以帮助别人

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!