react中子组件的数据更新视图未更新解决

导语

在日常的工作过程中 会遇到各种各样的问题 今天就是遇到一个问题 子组件的state更新之后视图不更新

编辑

代码部分

```

{staffList && staffList.map((staff, index) => ( ))}

```

handleTabSearch = (value) => { const { dailyStatusList } = this.state; let staffList = dailyStatusList.filter((item) => { return item.key == value; }); console.log(staffList, 'staffList'); this.setState({ staffList, employeeType: value, }); };

总结

来源于真实项目片段 假设这个子组件为 包裹当tab为切换操作 切换可以得到一个状态记录 根据这个状态返回不同数组 从而控制数据的更新 但是无法更新 解决方案就是绑定唯一key值 问题解决

解决思路

key={staffList[0].key}