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

Question

这看起来应该很简单，但是我在React的上下文中有点迷失。任何帮助将非常感激！

我想使用数量选择器组件（由别人写的）和onChange我想要在回调中引用数量的新值，但是当我使用this.value它似乎不工作如下所示（我在控制台中得到一个未定义的类型错误）。

是否有其他的方式来引用数量下拉的“新”数值？

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

Answer 1

不是s在你的例子中，这个值是什么，我的猜测是选定的值。如果是这种情况，您可以传递事件并获取选定的值。你可以尝试下面的代码，看看它是否适合你。

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

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

Answer 2

从onChange方法等

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

这里onChange默认传递值接收来自QuantitySelector组件返回更新后的值，并将其传递上的updateItemQty方法