React hinzufügen Eigenschaft zu unveränderlichen Objekt

Question

Ich versuche, Objekte in einem Array eine neue Eigenschaft hinzuzufügen. Meine Idee war, so etwas zu tun:

class Foo extends Component { 
    constructor(props) { 
     super(props); 

     this.state = this.getInitialState(); 
     console.log(this.state); //Property "label" is missing in "members" array 
    } 

    /** 
    * Get initial state 
    * @returns {{title, description}} 
    */ 
    getInitialState =() => { 
     let members = this.props.members.slice(); 
     members.map((member) => { 
      return { 
       ...member, 
       label: (member.firstName + " " + member.lastName) 
      } 
     }); 
     console.log(members); //"label" is not a property of objects 

     return {title: "", description: "", responsible: [], typeOf: null, 
       members: members}; 
    }; 

    render() { 
     return (<div/>) 
    } 
} 

Ich möchte members bleiben/bleiben unveränderlich, aber das Hinzufügen eines weiteren Eigenschaft für jedes Objekt innerhalb dieses Arrays. Was mache ich hier falsch? Vielen Dank!

Answer 1

Sie speichern nicht Wert der Karte an die Mitglieder Variable

zurück

getInitialState =() => { 
     let members = this.props.members.map((member) => { 
      return { 
       ...member, 
       label: (member.firstName + " " + member.lastName) 
      } 
     }); 
     console.log(members); //"label" is not a property of objects 

     return {title: "", description: "", responsible: [], typeOf: null, 
       members: members}; 
    }; 

Answer 2

Das Array Prototyp .map() nicht das ursprüngliche Array mutieren, sondern gibt ein neues Array.