Не вешается обработчик событий на компонент react

Рейтинг: 0Ответов: 1Опубликовано: 03.03.2023

Есть простенькое приложение на реакт. Это его App.js

function App() {

  const show = () => {
    console.log('hello');
  };

  return (
    <>
      <div className="game-container">
        <Title />
        <CardBoard cards={cards} />
        <Button onClick={() => show()}>начать заново</Button>
      </div>
    </>
  );
}

Собственно есть компонент Button.

const Button = ({ children }) => {
  return <button className="button-restart">{children}</button>;
};

Вешаю onClick на Button и оно не работает. Никак не могу понять почему в консоль ничего не выводится.

reactjs
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Вы передаёте свойство onClick но не задействуете его.
Достаньте из пропсов Button-а свойство onClick и добавьте кнопке

const Button = ({ children, onClick }) => {
  return <button onClick={onClick} className="button-restart">{children}</button>;
};