使用Redux更新不同組件中的兩個輸入字段

Question

我正在嘗試使用redux在響應中獲得以下行為。 我有兩個並排組件，每個組件都有一個顯示相同值的<input>文本字段。 當我編輯任意一個字段時，我想調度一個動作並使redux store更新兩個組件中我的應用程序的狀態

就像asana應用程序一樣。

當我編輯左側的字段時，它也會同時更新右側的字段

當我編輯右邊的字段時，它也會更新左邊的文本字段

我只能使它以一種方式起作用，而不能同時以兩種方式起作用。 我正在使用<input>文本字段的value prop並保持狀態變量來更新<input>文本字段，如react-docs中所述 。 我在一個組件中有狀態變量，而另一個組件則直接聽道具。

我嘗試使用defaultValue如果<input>文本字段，但是當在不同項目之間切換時，它遇到了其他問題，即不更新值

Answer 1

很難在不看代碼的情況下回答這個問題，但是根據您的說法，這聽起來像是將一個輸入的值存儲在狀態上？

如果我想將值鏈接到全局存儲，則不會將其存儲在狀態上。 我會做這樣的事情（有點假冒，但希望您能理解！）

onChange: function (e) {
  this.props.dispatch(updateName(e.target.value));
},

render: function() {
  return (
    <input value={this.props.name} onChange={this.onChange} />
  );
}

調度導致對全局存儲的更新，然后將更新后的名稱值級聯回當前輸入的react組件以及其他由相同數據填充的其他輸入。