this.setProps не обновляет автоматически

Question

В React предполагается, что у меня есть целочисленная переменная myProperty, которая возвращается из getDafaultProps, если я console.log (myProperty) до и после вызова this.setProps (myProperty + 1) в функции обновления консоль регистрирует одно и то же значение для myProperty. Свойство обновляется после завершения функции и в следующий раз, когда я вызываю свою функцию, myProperty - это новое значение, но кто-нибудь знает, почему или, скорее, объясните мне, почему myProperty не обновляется сразу после вызова this.setProps ?

спасибо, что нашли время ответить. Соответствующий код ниже

getDefaultProps: function() { 
    return { colorIndex: -1 }; 
}, 
update: function() { 
    console.log("clicked and index is " + this.props.colorIndex); //returns -1 
    this.setProps({colorIndex: this.props.colorIndex + 1}); 
    console.log("index is now " + this.props.colorIndex); /still returns -1 
}, 

Answer 1

Оба SetState и setProps не сразу мутировать - Из Реагирует документации:

https://facebook.github.io/react/docs/react-component.html#setstate

SetState() не сразу мутировать this.state но создает состояние ожидания переход. Доступ к this.state после вызова этого метода может потенциально вернуть существующее значение. Существует нет гарантия синхронной работы вызовов на setState, и вызовы могут быть отправлены на для повышения производительности.

Ваш метод обновления должен вызвать setState, и ваш метод визуализации будет выполняться на основе обновленного состояния.