Как передать дополнительные параметры в handleClick()

Question

По кнопке мне нужно активировать функцию, передав в нее какое то значение, но обработка клика обязательно хочет принять "синтетическое событие - е". Если я передаю что то кроме этого события, событие пропадает. Хочу примерно то, что ниже.

function handleClick(e, value) {
e.preventDefault();}

<button onClick={handleClick(e, value)}>button</button>

Answer 1

Для передачи дополнительный параметров в обработчик события нужно делать так:

const Compoment = () => {
  const handleClick = (ev, additional_param) => {
    e.preventDefault();
    console.log('handleClick ', additional_param);
  };

  return (
    <button onClick={(ev) => handleClick(ev, 'hello')}>button</button>
  );
};

Подробнее про обработку событий в React-элементах написано в документации.

БЛОГ НА HUSL

Как передать дополнительные параметры в handleClick()

Ответы (1 шт):