我有一个具有一个父组件和三个子组件的React应用程序.在父组件中,我有包含数据的状态,并将这些数据传递给子组件.我还有三个端点,必须在父组件的componentDidMount函数上发送三个ajax请求.如何在React中执行此操作?
var Parent = React.createClass({
getInitialState: function(){
return ( {
data1: [],
data2: [],
data3: []
});
},
componentDidMount: function() {
???
???
???
},
render: function(){
return (
<div>
<Child1 data={this.state.data1} />
<Child2 data={this.state.data2} />
<Child3 data={this.state.data3} />
</div>
)
}
})
var Child1 = React.createClass({
render: function() {
return (
<div>
{this.props.data}
</div>
)
}
})
var Child2 = React.createClass({
render: function() {
return (
<div>
{this.props.data}
</div>
)
}
})
var Child3 = React.createClass({
render: function() { …Run Code Online (Sandbox Code Playgroud)