如何在JSX组件

Question

这似乎应该很简单，但我在React的背景下有点迷失。任何帮助将不胜感激！

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

还有其他方法可以引用＆＃34; new＆＃34;数量下拉的数值？

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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)}
     />