reactjs – 将字符串呈现为React组件

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

导读：我想用一个字符串渲染react组件作为我从另一个页面动态接收的输入.我将拥有反应组件的参考. 这是一个例子 Page1:-----------------------------loadPage('divHeader value=signin/Header/div');Page2:--------------------------------var React =require('r

我想用一个字符串渲染react组件作为我从另一个页面动态接收的输入.我将拥有反应组件的参考.
这是一个例子

Page1:
-----------------------------
loadPage('<div><Header value=signin></Header></div>');

Page2:
--------------------------------
var React =require('react');
var Header = require('./header');

var home = React.createClass({

loadPage:function(str){ 

           this.setState({
             content : str 
           });

  },render : function(){

  return {this.state.content}
 }

});

在这个例子中,我接收Header组件作为字符串,我在我的接收页面中引用了Header组件.如何用实际的反应组件替换字符串

这个 react-jsx-parser组件看起来会解决您的问题

（编辑：李大同）

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