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-запроса перед началом рендеринга?

Ответы на вопрос(2)

Ваш ответ на вопрос