Как решить проблему с High Order Function и onChange?

Question

[tron21]

Добрый день! Возникла следующая проблема. У меня есть input checkbox . Я хочу вызвать на onChange этого элемента функцию. Функцию в которую я буду передавать как параметры , так и event через замыкания. Проблема в том , что вторая функция не отрабатывает и не выводит мне ничего. Где именно я ошибся? Заранее спасибо за помощь

const handleChange = () => {
    console.log("пошла функция до event");
    return (event) => {
      // эта часть не выполняется!
      console.log("пошла функция");
      console.log(event);
    };
  };

<input  type="checkbox" onChange={handleChange} />

Comments

[Anonymous]

Причем тут Реакт?
P.s. Предложил удаление тега React, потому что проблема очень слабо относится к нему.

[WbICHA]

А если бы называл функции нормально, то и проблемы такой бы не было.

[tron21]

Никита Савченко, принял, спасибо. Поправил.

[tron21]

WbICHA, нормально это как?

[WbICHA]

tron21, так, чтобы было понятно что делает эта функция из названия.

[tron21]

WbICHA, не знаю. по моему тут все достаточно понятно из названия что функция делает change)) Если есть примеры как это назвать лучше, то буду очень признателен за совет!

[WbICHA]

tron21, и что же она меняет?

const handleChange = () => {
    console.log("пошла функция до event");
    return ...
  };

[tron21]

WbICHA, вообще она меняет значение input checkbox . Во всем компоненте это сходу понятно, потому-что там нет других подобных функций и поэтому дополнение в наименовании , как мне кажется, не нужно ибо сразу понятно что именно должна менять, потому-что больше менять там нечего. Но если есть дельный, конкретный совет как это лучше назвать то буду рад его увидеть.)

[WbICHA]

tron21,

вообще она меняет значение input checkbox

Отлично. Можешь сказать номер строки где это происходит?

const handleChange = () => {
    console.log("пошла функция до event");
    return ...
  };

[tron21]

WbICHA, не понял сути вопроса. Могу открыть webStrom файл и посмотреть номер. А что, нужно в название функции добавлять информацию о том на какой строке и что она будет делать? Первый раз о таком слышу.

[tron21]

WbICHA, или это игра из серии "догадайся сам" ? Если ты считаешь что тут некорректно названа функция, то можно просто написать "Тут некорректно названа функция друг, потому-что вот то то и то то. Из-за этого могут быть проблемы с пониманием кода в дальнейшем для команды. Обрати внимание на правильное наименование исходя из таких-то правил. Если у меня будет время, а у тебя желание , то можешь уточнить у меня что именно не так и я объясню подробней." - как пример вежливого обращения в этой ситуации. Либо же можно делать кучу наводящих вопросов, хотя я сразу сказал что я не вижу тут проблемы и наверно я её не вижу из-за моего слабого опыта по сравнению с твоим опытом в работе. Я задал здесь вопрос вежливо и корректно касательно того как отрабатывает функция у меня и как сделать замыкание до конца. Я насчет наименования не спрашивал совета, но если ты считаешь что наименование неправильно то можно объяснить нормально, вежливо и подробно почему, а не так как ты сделал.

[WbICHA]

tron21, круто, только я использую иные методы. Они требуют больше времени, зато человек сам доходит до правильного решения, благодаря чему у него этот момент в голове откладывается.
Но, похоже, в твоём случае это бесполезно, раз тебе для того, чтобы посмотреть на код, который я прямо в свой же коммент и скопировал, необходимо зайти в иде.

[tron21]

WbICHA, я же написал выше - какой смысл в том чтобы знать на какой строке конкретно что-то делает функция? на 90 или на 100 строке. Какой в этом смысл? Ты в курсе любой своей функции в любом компоненте в проекте на тысячи десятки тысяч строк? Я задал вопрос, а в ответ читаю поучения обременённого знаниями человека. Все сводится к тому что я задавал вопрос про замыкания, а ты пришел со своим мнением насчет наименования функции и даже не можешь его нормально раскрыть так чтобы тебя было понятно. Я задал один из последних вопросов - "А что, нужно в название функции добавлять информацию о том на какой строке и что она будет делать? Первый раз о таком слышу. " Ответа я не получил. Ну чтож, удачи. Надеюсь ты больше не будешь комментировать мои вопросы тут даже если ты сможешь помочь. Очень токсичное общение получается.

[WbICHA]

tron21,

не можешь его нормально раскрыть так чтобы тебя было понятно.

Если ты что-то не можешь понять, то далеко не всегда виноват собеседник.)

Очень токсичное общение получается.

Спасибо за комплимент. Буду мониторить твои вопросы. ;)

Answer 1

[tron21]

Надо быть мне внимательней мне.

const handleChange2 = handleChange();

Answer 2

[GrayHorse]

const handleChange = (event) => {
    console.log(event);
};

Не перемудряй.

Comments

[tron21]

мне нужно будет передать параметры ещё в функцию. Там 4 параметра. И плюс мне нужен доступ к event . Поэтому решил делать таким образом.