小编gys*_*yss的帖子

我需要在React类中呈现HTML(JSX)字符串.我不知道这是否可能. 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字符串？

我在AngularJS webapp中遇到了这个问题.

当用户输入带有要填写的表单并且他开始键入的页面时,如果他按下退格键并且焦点不在输入文本上,则页面将进入先前状态.

我使用jQuery 查找了这个解决方案,但它似乎不适合在AngularJS中实现这一点.