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

前端之家收集整理的这篇文章主要介绍了reactjs – 将字符串呈现为React组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想用一个字符串渲染react组件作为我从另一个页面动态接收的输入.我将拥有反应组件的参考.
这是一个例子
  1. Page1:
  2. -----------------------------
  3. loadPage('<div><Header value=signin></Header></div>');
  4.  
  5. Page2:
  6. --------------------------------
  7. var React =require('react');
  8. var Header = require('./header');
  9.  
  10. var home = React.createClass({
  11.  
  12. loadPage:function(str){
  13.  
  14. this.setState({
  15. content : str
  16. });
  17.  
  18. },render : function(){
  19.  
  20. return {this.state.content}
  21. }
  22.  
  23. });

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

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

猜你在找的React相关文章