從道具獲得輸入值

Question

作為回應，他們說你不能直接改變道具（或者至少你不應該）。 但是我想知道如果我在組件中有輸入並且我有一個作為道具來的值該怎么辦？

我只是想知道是否還可以，這樣做的更好方法是什么？

// product.amount comes from props
<input type="number" value={product.amount} onChange={(e) => onChangeProductAmount(e)}/>

所以好像我想在輸入更改時更改product.amount，但是它在props中，所以我不應該這樣做。 那我該怎么辦？

Answer 1

由於道具來自redux，因此只能以redux的方式進行更改：調用將觸發動作的動作創建者。

有一些軟件包可以做到這一點。 我對redux-form並不熟悉，但是據我所知，這是一個在redux中保持表單狀態的軟件包。 您可以自己實現類似的操作。

我做的事情有所不同：我使用本地狀態來控制輸入。 當用戶單擊“提交”時，如果值有效，我將調用操作創建者，該創建者將觸發可更改需要在redux存儲中進行更改的操作。 但是，您所做的這些更改不會直接反映在表單中。

不久前，我實現了一個小應用程序，可以通過這種方式處理表單。 您可能會發現它很有幫助： https : //github.com/rahamin1/reactstrap-form