将新数组合并到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和下一组listItems传播到一个新数组中，以避免变异状态。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;