В React ты передаёшь обработчики событий дочерним компонентам как props, точно так же как любые другие данные. Это позволяет дочерним компонентам запускать функции, определённые в родительских компонентах.
Ты передаёшь функцию как prop дочернему компоненту:
<ChildComponent onClick={this.handleClick} />
Дочерний компонент потом получает и использует этот обработчик:
<button onClick={this.props.onClick}>
Click me
</button>
В современном React с функциональными компонентами используй хук useState:
const [count, setCount] = useState(0);
const handleClick = () => setCount(count + 1);
<ChildComponent onClick={handleClick} />
onClick, onSubmit или onCloseЭтот паттерн — фундамент композиции компонентов в React и позволяет тебе создавать переиспользуемые, легко поддерживаемые компоненты с правильным разделением ответственности.
Обработчики событий, переданные как props, должны быть методами класса и не могут быть стрелочными функциями в функциональных компонентах.
Новый — ещё не проверен сообществом
Вы