将视图组件与DOM和Redux状态同步

Question

我想知道如何将视图与redux状态同步。

目前我有这个组件：

...

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)}/>
)

如果我从文本区域更改了值，那么我的动作创建者将被称为：PERFECT！

但是，如果我使用操纵我的页面以消除错误的校正器软件（解毒剂），则会修改视图，但不会调用onChange，也不会调用我的动作创建者...状态没有修改。

  

示例：

我在Textarea中有一个基本错误“ seaso”（糟糕的是我想“季节”）

DOM：

我启动了校正器软件，然后修改了问题（用“季节”替换“ seaso”）...

该软件（解毒剂）修改了我的观点：

但是DOM不能修改

onChange不被调用，我的动作创建者也不被调用，Redux中的状态没有更新...

我在基本输入上有同样的问题...