React Native中Redux数据更新后Flat List未刷新问题

你的FlatList不更新的核心原因是Reducer里直接修改了原数组的引用，Redux依赖state的不可变性来检测状态变化——当你用push修改原数组时，state的引用并没有发生改变，Redux会认为状态没有更新，所以关联的组件收不到新的props，shouldComponentUpdate这类生命周期函数自然也不会触发。

具体问题出在你的Reducer代码里 #

你当前的代码只是浅拷贝了state对象，但entriesPerDay数组还是原来的引用，push操作直接修改了原数组：

case NEW_ENTRY_LOCAL:
    let newState = {...state};
    newState.entriesPerDay.push(action.entry); // 这里直接修改了原数组的内容，引用没变
    return{
        ...newState
    }

解决方案：创建新数组来保持不可变性 #

修改Reducer，用扩展运算符创建一个包含原数组元素和新entry的全新数组，彻底避免修改原state：

case NEW_ENTRY_LOCAL:
    return {
        ...state,
        entriesPerDay: [...state.entriesPerDay, action.entry] // 生成新数组，引用改变
    }

这样返回的state中，entriesPerDay是一个全新的数组引用，Redux能立刻检测到状态变化，会通知所有关联组件更新，你的FlatList就能正确渲染新元素了。

额外的优化建议 #

1. 你的EntriesList组件同时通过首页props接收entries，又通过mapStateToProps获取entriesPerDay，建议统一数据源避免混淆，比如直接用组件内的this.props.entriesPerDay作为FlatList的data：

<FlatList style={styles.full}
    data={this.props.entriesPerDay}
    extraData={this.props} // 明确监听组件props的变化
    renderItem={ (info)=>(
        // ... 你的ListItem渲染代码
    )}
/>

2. 确保每个entry对象都有唯一的key字段，FlatList需要这个值来高效更新列表项。

修改完成后，当你向Redux Store添加新entry时，组件会收到新的props，shouldComponentUpdate会被调用，FlatList也会同步更新显示新内容。

内容的提问来源于stack exchange，提问作者Annie Hill