Есть два окна. Одно отвечает за отображение данных, а второе за работы с ним (удаление, изменения, добавления).
<FirstWindow ></FirstWindow>
<SecondWindow ></SecondWindow>
Внутри первого окна реализовано добавление "выделения" элемента, по которому был произведен клик. (выделенный элемент может быть только один. Кликнули по другому, с прошлого выделение ушло, добавилось на новый).
const FirstWindow = ({items}) =>{
const dispatch = useDispatch();
function getElem(i, item) {
setActive(i); //ЗДЕСЬ
dispatch(userInfo(item)); //поиска активного элемента
}
const [active, setActive] = React.useState(null);
return(
<div className = "container">
{
items.items.map((item,i) =>{
return <FirstWindowItems
item = {item}
isActive={active===i}
onClick={()=>getElem(i,item)}
key={item.id}
></FirstWindowItems>
})
}
</div>
)
}
Во втором окне есть кнопка добавления нового элемента. Требуется при нажатии на эту кнопку добавить стили выделения к этому элементу и снять выделение с прошлого выделенного. Как это сделать? Я использую redux. Можно реализовать через него?