Как отловить имя кнопки при клике в компоненте react.js?

Пользователь

от richard , в категории: JavaScript , 2 месяца назад

Как отловить имя кнопки при клике в компоненте react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от violette_robel , 2 месяца назад

@richard 

Для отлова имени кнопки при клике в компоненте React.js можно использовать несколько подходов.

  1. Подход с передачей имени кнопки в обработчик события клика: function MyComponent() { const handleClick = (buttonName) => { console.log(buttonName); // выводим имя кнопки в консоль }; return ( handleClick("Кнопка 1")}>Кнопка 1 handleClick("Кнопка 2")}>Кнопка 2 ); }
  2. Подход с использованием атрибута data-name: function MyComponent() { const handleClick = (event) => { const buttonName = event.target.getAttribute("data-name"); console.log(buttonName); // выводим имя кнопки в консоль }; return ( Кнопка 1 Кнопка 2 ); }


Оба этих подхода позволяют отображать имя кнопки при клике в компоненте React.js, в зависимости от выбранного варианта использования.