при это одновременно изменить состояние ребенка(поменять active на !active. id могу получить - вызывая handler и в качестве аргумента получая id выше. А как быть с состоянием? И где правильнее менять состояние ребенка? В родителе прокидывая через пропы active \ setActive или в ребенке локально хранить?
Что бы соблюдались принципы солид, и не перегромождать кнопку логикой. Логика кнопки - при нажатии менять цвет, на активный и отправляет данные в родителя - какая карточка активна(id)
Если у тебя может быть активна только одна карточка, тогда делай const [active, setActive] = useState(null) над карточками, если у тебя карточки не зависят друг от друга, то управляй состоянием active внутри карточки
Окей, это в принципе понятно, а как одновременно прокинуть и от родители изменение состояния вниз, и id наверх?
Ты кликаешь на кнопку => вызывается onClick(id) => в родителе вызываетсе onClickHandler(id) => onClickHandler вызывает setActiveCardId(id) => меняется activeCardId => дочерний компонент перереривается и получает новое значение active
Обсуждают сегодня