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

【问题标题】：how to reference the quantity value when onchange is called in JSX component在 JSX 组件中调用 onchange 时如何引用数量值
【发布时间】：2017-09-07 19:41:36
【问题描述】：

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

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

还有其他方法可以引用数量下拉列表的“新”数值吗？

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

【问题讨论】：

标签： reactjs redux jsx

【解决方案1】：

从onChange 方法中传递值

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

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

【讨论】：

谢谢舒巴姆！你是救生员！下次我在班加罗尔时，我欠你一杯哈哈

【解决方案2】：

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

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

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

【讨论】：

实际上你的回答对我有用 - 谢谢！
很高兴它有帮助。