javascript - 将数据从回调传递到 React 组件？

Question

我正在渲染一个需要异步返回数据的 React 组件。当它从回调返回时，我应该如何将它传递给 react 组件？

当前在渲染函数中:

var dataToReturn; 
asynchCall(args, function(err, results) {
  dataToReturn = results;
})

return (
    <MyComponent data={dataToReturn} />
)

这当然不行，因为数据还没有返回。如果我将渲染移到回调中，那似乎是一种糟糕的编程模式。 React API 中是否有针对此用例的内容？

谢谢!

Answer 1

是的，就像@Fouad 说的:

var NewComponent = React.createClass({ 
    componentDidMount: function() {
       asynchCall(args, function(err, results) {
          this.setState({data: results});
       }.bind(this));
    },

    return (
        <MyComponent data={this.state.data} />
    )
});

此外，请查看文档页面 Load Initial Data via AJAX