javascript - React.js onChange={value => {}} 多个值

Question

我正在尝试抽象一些源代码，我了解其他语言，但对 React.js 知之甚少。

我希望获得更多信息来了解为什么只有我的第二个 onchange 被命中

我希望获得有关如何更新“value”和“drag_value”onchange 的帮助

onChange={value => {                        
    this.setState({value});
    console.log("value value")
    console.log(value, drag_value)

    if (updatemode === 'drag') {
        setProps({value});
    }
    if (updatemode === 'hybrid') {
        setProps({drag_value});
    }
}}
onChange = {drag_value => {
    this.setState({drag_value});
    console.log("drag value")
    console.log(value, drag_value)

    if (updatemode === 'drag') {
        setProps({value});
    }
    if (updatemode === 'hybrid') {
        setProps({drag_value});
    }
}}

Answer 1

您正在以相同的名称声明 2 个函数，并且基本上覆盖第一个函数。

最好使用“handleChange”和“handleDragChange”等名称或类似的名称，这样会有所不同。