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

Question

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

我希望能获得更多信息，以了解为什么只有第二次onchange被击中

我希望在onchange时更新“ value”和“ drag_value”时获得帮助

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”之类的名称，或者那样的名称，那样会有所不同。

Answer 2

要覆盖你的第一handleChange与第二handleChange 。 因此，如果您颠倒其顺序，则您的带有value的handleChange将被命中，因为在javascript中，将考虑所有函数的最终声明。 为避免这种情况，请给您的函数起不同的名称，并注意它们的作用。 希望这可以帮助！！