新しい配列をcomponentWillReceivePropsの状態にマージする

Question

無限のスクロールロジックを実行しようとしていましたが、これはcomponentWillReceivePropsで行いますが、リストが正しく表示されませんでしたか？

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

Answer 1

現在のlistItemsとlistItemの次のセットを新しい配列に広げて、変更状態を回避します。

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] 
 
     }) 
 
    } 
 
}