Синхронизировать компонент представления с состоянием DOM и Redux

Question

Я хотел бы знать, как я могу синхронизировать представление с моим состоянием редукции, пожалуйста.

В настоящее время у меня есть этот компонент:

...

handleChange(e) {
    console.log(e);
    this.props.updateMessageOnBlock(this.props.indexBucket, this.props.indexBlock, {text: e.target.value});
}

...

let block = this.props.block;

render() {
    return(
        <textarea className="block-textarea form-control"
                  placeholder=""
                  defaultValue={block.messages[0].text}
                  onChange={(e) => this.handleChange(e)}/>
)

Если я изменю значение из моей текстовой области, мой создатель действия вызовет: ИДЕАЛЬНО!

Но, если я использую программное обеспечение корректора (Antidote), которое манипулирует моей страницей для устранения ошибки, представление изменяется, но onChange не вызывается, и создатель моего действия тоже не вызывает ... состояние не изменяется.

Пример:

У меня есть основная ошибка "seaso" в моей Textarea (выше, я хотел бы "сезон")

ДОМ:

Я запускаю программное обеспечение корректора и модифицирую проблему (замените «seaso» на «season») ...

Программное обеспечение (Antidote) изменило мой взгляд:

Но DOM не изменяется

И onChange не вызывается, и создатель моих действий не вызывает, состояние в Redux не обновляется ...

У меня та же проблема с базовым вводом ...