Konsole sagt mein Zustand "Einträge" ist nicht definiert? Kannst du mir helfen, wie man den Zustand in React.js definiert?

Question

Hier erstelle ich TodoItems Komponente, und ich versuche Array als einen Zustand zu speichern, aber Konsole sagt, dass meine Einträge nicht definiert ist:

var TodoItems = React.createClass({ 
     getInitialState: function() { 
      return { 
      entries: this.props.entries 
      }; 
     }, 

     removeItem: function(key){ 
     var itemArray = this.state.entries; 
     for (var i = 0; i < itemArray.length; i++) 
      if (itemArray[i.key] === key) { 
       itemArray.splice(i, 1); 
       break; 
      } 
      this.setState({ 
      entries: entries 
      }) 
     }, 

Dies ist die Stütze I zu speichern bin versucht:

</div> 
    <TodoItems entries={this.state.items}/> 
</div> 

Answer 1

Sie machen einen Fehler und setzen den Status entries in der Funktion removeItem, wobei Sie sie auf itemArray setzen sollten, auch itemArray als var itemArray = [...this.state.entries]; zuweisen, da sie sich in Ihrer Deklaration auf die Statuseinträge selbst bezieht und den Status direkt mutiert , was nicht ratsam ist, und getInitialState ist nur auf dem first render of TodoItems so genannt, wenn Sie einen Zustand mit Requisiten stellen Sie sicher, Zuweisen auch, dass in der componentWillReceiveProps Funktion zu tun, da es jedes Mal die Eltern aufgerufen wird, macht und die aktualisierten Requisiten

var TodoItems = React.createClass({ 
     getInitialState: function() { 
      return { 
      entries: this.props.entries 
      }; 
     }, 
     componentWillReceiveProps(nextProps) { 
      this.setState({entries: nextProps.entries}) 
     } 
     removeItem: function(key){ 
     var itemArray = [...this.state.entries]; 
     for (var i = 0; i < itemArray.length; i++) 
      if (itemArray[i.key] === key) { 
       itemArray.splice(i, 1); 
       break; 
      } 
      this.setState({ 
      entries: itemArray 
      }) 
     },