Как передать параметр обработчикам событий в React

Узнайте, как передать параметр, например, в события onClick, не вызывая метод при монтировании.

Когда вы работаете над функциональным компонентом React, вам может потребоваться прикрепить событие к onClick (или другим событиям).

Обычно вы делаете:

<button onClick={addBill}>Add</button>

Но что, если вам нужно передать параметр? Допустим, у вас есть список счетов, и вы хотите удалить его, щелкнув значок «X» рядом с ним.

Вы не можете:

<button onClick={removeBill(index)}>𝗫</button>

потому что выражение внутри onClick будет выполняться при монтировании. Это удалит все счета в списке, как только приложение будет запущено.

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

<button onClick={() => removeBill(index)}>𝗫</button>

Скачать мою бесплатнуюСправочник по React


Больше руководств по реакции: