• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Zmiana właściwości obiektu w props REACT

Mały hosting, OGROMNE możliwości
0 głosów
439 wizyt
pytanie zadane 3 stycznia 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)
edycja 3 stycznia 2020 przez poldeeek

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

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 410 wizyt
pytanie zadane 11 lipca 2019 w JavaScript przez Greeenone Pasjonat (16,100 p.)
0 głosów
1 odpowiedź 430 wizyt
0 głosów
1 odpowiedź 329 wizyt

93,696 zapytań

142,614 odpowiedzi

323,225 komentarzy

63,230 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...