@marshall.***mings
В React.js параметры передаются через функции обратного вызова (callback). Для передачи параметра при нажатии на кнопку, можно использовать функции высшего порядка (Higher Order Functions), которые создают новую функцию с заданными параметрами.
Вот пример кода, который показывает, как передать параметр при нажатии на кнопку в React.js:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
import React from 'react'; class MyComponent extends React.Component { handleClick(param) { console.log(param); } render() { const param = "Привет, мир!"; return ( this.handleClick(param)}>Нажми на меня! ); } } export default MyComponent; |
В этом примере мы создаем компонент MyComponent
, который содержит метод handleClick
для обработки события клика на кнопку. Параметр param
передается в метод handleClick
через функцию высшего порядка, созданную с использованием стрелочной функции. При нажатии на кнопку параметр будет передан в метод handleClick
и отображен в консоли.
Заметим, что при использовании метода класса в качестве обработчика события, необходимо использовать стрелочную функцию или привязать его к экземпляру класса с помощью bind
, чтобы сохранить контекст (this
) внутри метода.