Question

这是我的代码：

var data = "hello";

var RootComponent = React.createClass({
    render: function() {
        return (
            <p className="root">
                {this.props.data}
            </p>
        );
    }
});

React.renderComponent(
    <RootComponent data="data" />,
    document.getElementById('content')
);

我想更改数据的值（最初是hello），因此使用新数据值刷新页面。但改变数据的功能不在React中，我无法找到一种方法来插入＆＃34;插入＆＃34;他们。知道怎么做吗？

感谢。

Answer 1

听取更改并调用Felix提到的React.renderComponent（）。 Per React的文档：

将React组件渲染到提供的容器中的DOM中，并返回对组件的引用。

如果React组件先前已渲染到容器中，则为此   将对其执行更新，并仅根据需要改变DOM   反映最新的React组件。

如果提供了可选的回调，它将在之后执行   组件被渲染或更新。

如果您有能力使用Flux Stores作为模型层，我强烈建议您这样做。

将更新的数据传递给根组件

1 个答案: