элемент не обновляется после того, как setState получает изменения

Question

Я новичок в реагировании.

Здесь я пытаюсь показать спиннер на кнопке, которая выглядит как

<button type="submit"
    style={{ fontWeight: 'bold', marginTop: 10 }}
    className="btn btn-primary btn-block"
    onClick={(event) => this.handleClick(event)}>
        {<i class="fa fa-spinner fa-spin"></i> && this.state.isloading}
        Login
</button>

Теперь, здесь,

constructor(props) {
    super(props);
    this.state = {
        userName: '',
        passWord: '',
        isloading: false
    }
}

componentWillReceiveProps(newProps) {
    if (newProps.clickedLogin) {
        this.setState({
            isloading: true
        });
    }
}

Итак, когда пользователь нажимает наЗатем я отправляю одно действие, а затем получаю реквизит, используя mapStateTOProps.

Но сейчас, когда я нажимаю на кнопку, этот блесна не отображается.

Может ли кто-нибудь помочь мне с этим?

Answer 1

Вам нужно изменить

{<i class="fa fa-spinner fa-spin"></i> && this.state.isloading}

на

{this.state.isloading && <i class="fa fa-spinner fa-spin"></i>}