Reactjs асинхронный рендеринг компонентов
Я хочу сделать мой компонент после того, как мой запрос 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>)
})
}
});
Но я получаю сообщение об ошибке ниже, потому что я возвращаю render внутри метода done моего ajax-запроса.
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-запроса перед началом рендеринга?