@YarikLtv4k

При обновлении страницы сразу вызывается alert, хотя должен по нажатию на кнопку (onClick)?

Header - куда вставляется компонент
import React from 'react';
import Button from './Button';

import logo from './assets/img/pizza-logo.svg';

function Header() {
  const clickOnButton = () => {
    alert(233);
  };

  return (
    <div className="header">
      <div className="container">
        <div className="header__logo">
          <img width="38" src={logo} alt="Pizza logo" />
          <div>
            <h1>React Pizza</h1>
            <p>самая вкусная пицца во вселенной</p>
          </div>
        </div>
        <Button onClick={clickOnButton()}>555</Button>
      </div>
    </div>
  );
}

export default Header;
  • Вопрос задан
  • 58 просмотров
Решения вопроса 2
kawabanga
@kawabanga
Бью себя по рукам за каждый ответ на глупый вопрос
clickOnButton() -> clickOnButton

Вы должны передавать функцию, а не ее выполнение.
Ответ написан
Комментировать
Alexandroppolus
@Alexandroppolus
кодир
<Button onClick={clickOnButton}>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы