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中，將考慮所有函數的最終聲明。 為避免這種情況，請給您的函數起不同的名稱，並注意它們的作用。 希望這可以幫助！！