Question

这是我的代码：

var Form = React.createFactory(require('../views/Form'));

React.render(
    Form({
        mainData: data
    }),
    document.getElementById('main_form')
);

数据以'形式'组件传输，如何将更改数据（mainData）传输到外部应用程序？知道怎么做吗？

谢谢！

Answer 1

您应该将一个事件处理程序传递给表单，并在数据发生更改时让表单调用此处理程序。

var Form = React.createFactory(require('../views/Form'));

React.render(
    Form({
        mainData: data,
        onChange: function(newData) {
            // Do stuff with the newly changed data here
        }
    }),
    document.getElementById('main_form')
);

然后在表单组件定义中，将onChange属性作为prop。

var Form = React.createClass({
    getInitialProps: function() {
        mainData: [],
        onChange: null
    },

    // Call this.props.onChange whenever data is changed
});

如何从React根组件获取数据？

1 个答案: