Neues Array in componentWillReceiveProps zusammenfassen

Question

Ich habe versucht, eine unendliche Scroll-Logik zu machen, ich mache das in componentWillReceiveProps, aber sah meine Liste nicht richtig rendern?

Answer 1

Verteilen Sie die aktuellen listItems und die nächsten listItems in einem neuen Array, um einen mutierenden Status zu vermeiden.

componentWillReceiveProps(nextProps) { 
 
    if(!isEqual(nextProps.listItems, this.state.listItems)){ //user scrolled, call next offset using the API 
 
     this.setState({ 
 
      listItems: [...this.state.listItems, ...nextProps.listItems] 
 
     }) 
 
    } 
 
}