在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中的值设置为状态。