允许 React 控制输入中的空白值而不更新状态

Question

我有一个带有受控输入字段的购物车来管理数量：

 // quantity is obtained from my redux state and the onChange dispatches such changes
 <input type='text' value={quantity} onChange={onQuantityChange} />

我希望用户能够在当前数量上退格并重新键入一个新数量。然而，这有效地将我的数量设置为 undefined/0 并立即从购物车中删除产品。有没有一种方法可以让我删除该值并且在提供另一个值之前不更新状态？或者我想我为此使用不受控制的输入？

Answer 1

只需使用组件的状态来保存 Textfield 的当前值，并且仅在它有新值时才调度。在 componentDidMount 上将值从 redux 设置到状态。