ajaxリクエストが完了した後にコンポーネントをレンダリングしたいと思います。
以下に私のコードを見ることができます
var CategoriesSetup = React.createClass({
render: function(){
var rows = [];
$.get('http://foobar.io/api/v1/listings/categories/').done(function (data) {
$.each(data, function(index, element){
rows.push(<OptionRow obj={element} />);
});
return (<Input type='select'>{rows}</Input>)
})
}
});
しかし、ajaxリクエストのdoneメソッド内でrenderを返すため、以下のエラーが発生します。
Uncaught Error: Invariant Violation: CategoriesSetup.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.
レンダリングを開始する前に、ajaxリクエストが終了するのを待つ方法はありますか?