Witam, chciałem napisać aplikację, gdzie po kliknięciu w danego użytkownika będę mógł zmienić jego status i np dzięki temu dodawać takich wybranych użytkowników do listy ludzi do usunięcia, ale nie za bardzo wiem jak się do tego dostać... Napisałem coś takiego ale nie bardzo działa..
render() {
return (
{this.state.usrs
.map(user => {
user.status = false;
return (
<UserItem
key={user.id}
user={user}
clicked={() => { this.onUserClickedHandler(user) }}
/>
)
})}
)}
onUserClickedHandler = (user) => {
if (!user.status){
user.status=true;
console.log("ha");
this.setState({
selectedUsers: this.state.selectedUsers.concat(user.id)
})
} else {
user.status=false;
console.log("hag");
}
}
i w UserItem.js :
<div className="UserItem" onClick={props.clicked}>
.....
</div>
Jednak nawet w tym rozszerzeniu React do Google Chrome widzę, że status w propsach UserItem się nie zmienia