Как привязать функцию к одному конкретному компоненту?

Question

[Mesuti]

Привет!
Немного запутался.

На странице 3 input отрисовываются одним компонентом.
Как только к 1 последнему компоненту привязать функцию изменения state.counter, который выводится чуть ниже?

Если передавать функцию в props, тогда вообще все компоненты будут к ней обращаться.
Или неправильно понимаю? Подскажите, пожалуйста

Песочница

Answer 1

[Nick]

https://codesandbox.io/s/clever-glade-okcv9
поправил первое, что попалось в глаза (e.target.value, деструктуризация в const, игнорирование onChange и др)
советую прочитать про формы

Comments

[Mesuti]

Спасибо!

игнорирование onChange достигается путем присвоения такого имени в props ?

[Nick]

нет, я про то что в input на onChange ничего не вызывалось
свойство changeCounter прикидывалось, но не использовалось в компоненте Input, и не вызвался callback.

[Mesuti]

Nick, теперь понял логику.
Спасибо за объяснение!