Пожалуйста, помогите разобраться, как обновить состояния для определенного элемента в объекте. Есть вот такой упрощённый пример
import React from "react";
import "./styles.css";
import users from "./data";
import ChestsList from "./ChestsList/ChestsList";
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
//// Data about some user
userId: users[0].id,
userName: users[0].name,
bonusesStatus: users[0].bonusesStatus
};
}
changeStatusOfChest = (val) => {
this.setState({
...this.state,
bonusesStatus: {
val: {
isAccess: false
}
}
});
}; ///// Этот изменение статуса как-то не правильно трабатывает
render() {
return (
<ChestsList
bonusesStatus={this.state.bonusesStatus}
changeStatusOfChest={this.changeStatusOfChest}
/>
);
}
}
export default App;
Не получается разобраться, как менять состояние для значения isAccess нужного бонуса по нажатию на кнопку? Подскажите, пожалуйста, как надо поправить функцию changeStatusOfChest что б по нажатию на кнопку бонуса, именное для указанного бонуса состояние выходило в false ? Ну и вместо кнопки показывалось сообщение Бонус получен