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" или что-то в этом роде, просто так будет иначе.

Answer 2

вы переопределяете свой первый handleChange со своим вторым handleChange.Так что, если вы поменяете их порядок, то ваш handleChange с value получит удар, как в javascript, и будет рассмотрено окончательное большинство объявлений любой функции.Чтобы избежать этой ситуации, присвойте своим функциям разные имена и наблюдайте, как они работают как шарм.Надеюсь, это поможет !!