JSX组件调用onchange时如何引用数量值

Question

这看起来应该很简单，但我对 React 的上下文有点迷茫。任何帮助将不胜感激！

我正在尝试使用数量选择器组件（由其他人编写），而 onChange 我想在回调中引用数量的新值，但是当我使用 this.value 时它不会似乎如下所示工作（我在控制台中收到未定义的类型错误）。

是否有其他方法可以引用数量下拉列表的 "new" 数值？

<QuantitySelector value = {props.itemCartQty}   onChange = {() => props.updateItemQty(props.item, this.value)}
     />

Answer 1

从 onChange 方法传递值，例如

<QuantitySelector value = {props.itemCartQty}   onChange = {(value) => props.updateItemQty(props.item, value)}
     />

此处 onChange 默认接收从 QuantitySelector 组件返回的更新值并将其传递给 updateItemQty 方法

Answer 2

不确定您的示例中的 this.value 是什么，我猜是选定的值。如果是这样，您可以传递事件并获取所选值。你能试试下面的代码，看看它是否适合你。

updateItemQty(item, event){
var val = event.target.value;
.....
}

<QuantitySelector value = {props.itemCartQty}   onChange = {(event) => props.updateItemQty(props.item, event)}
     />

how to reference the quantity value when onchange is called in JSX component