В React вы можете передать значение обратному вызову onClick в компоненте, используя один из следующих методов:

  • Передайте функцию, которая принимает параметр. Это самый распространенный способ передать значение обратному вызову onClick. Для этого вы создаете функцию, которая принимает значение в качестве параметра, а затем возвращаете эту функцию из реквизита onClick. Например:

JavaScript

Используйте код с осторожностью. "Узнать больше"

content_copy

  • Используйте настраиваемый атрибут данных. Вы также можете использовать настраиваемый атрибут данных для передачи значения обратному вызову onClick. Для этого вы добавляете пользовательский атрибут данных со значением в элемент с обработчиком onClick. В обратном вызове события вы можете использовать метод event.currentTarget.getAttribute() для получения значения. Например:

JavaScript

Используйте код с осторожностью. "Узнать больше"

content_copy

  • Вызовите компонент из обратного вызова onClick. Вы также можете вызвать компонент из обратного вызова onClick и передать значение в качестве реквизита компоненту. Для этого вы создаете функцию, которая возвращает компонент, а затем передаете эту функцию из реквизита onClick. Например:

JavaScript

Используйте код с осторожностью. "Узнать больше"

content_copy

Какой метод вы используете для передачи значения обратному вызову onClick, зависит от ваших конкретных потребностей. Если вам нужно передать простое значение, то первый способ наиболее эффективен. Если вам нужно передать сложное значение, то второй или третий метод может быть лучшим выбором.

Я надеюсь, что эта статья была полезной!