Как передать параметр при нажатие на кнопку в react.js?

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

от marshall.cummings , в категории: JavaScript , 8 месяцев назад

Как передать параметр при нажатие на кнопку в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от mona_terry , 8 месяцев назад

@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) внутри метода.