У меня есть приложение React с одним родительским компонентом и тремя дочерними компонентами. В родительском компоненте у меня есть состояние, содержащее данные, и я передаю эти данные в подпорки дочерним компонентам. У меня также есть три конечные точки, и мне нужно отправить три ajax-запроса на функцию componentDidMount родительского компонента. Как это сделать в 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() {
        return (
            <div>
                {this.props.data}   
            </div>
        )
    }
})

Я хочу отобразить родительский компонент с наложением «Загрузка ...» и на componentDidMount отправлять 3 запроса, обновлять состояние и передавать данные в качестве реквизитов дочерним компонентам только в том случае, если все 3 запроса завершены успешно, а затем визуализировать / повторно визуализировать эти дочерние компоненты. Если есть проблема с одним запросом, я не хочу отображать какой-либо дочерний компонент (загрузка ... продолжается до успеха). Асинхронный или один запрос в успехе предыдущего?

Заранее спасибо.