我需要在React类中呈现HTML(JSX)字符串.我不知道这是否可能.
dangerouslySetInnerHTML对我无效,因为我在此文件中有不同的反应组件.这不是简单的HTML.
dangerouslySetInnerHTML对我无效,因为我在此文件中有不同的反应组件.这不是简单的HTML.
我有一个预期结果的例子：
https://jsfiddle.net/86rg50re/1/
var MyComponent = React.createClass({
propTypes: {
owner: React.PropTypes.string
},render: function() {
return <div>Congrats {this.props.owner}! you have rendered MyComponent ({this.props.children})</div>;
}
});
var Hello = React.createClass({
render: function() {
return <div>Header <MyComponent owner={"Daniel"}>Yayyyyyy!</MyComponent></div>;
}
});
但我拥有的是：
var Hello = React.createClass({
render: function() {
var content = '<div>Header <MyComponent owner={"Daniel"}>Yayyyyyy!</MyComponent></div>';
return transformStringToJSX(content);
}
显然transformStringToJSX不存在.
有没有办法渲染jsx字符串？
