javascript - react state变化了，但是ui不更新

Question

在react的调试工具已经看到数据变化了，但是UI没有更新。log里面next state也变化了，不知道为什么没有自动更新。用的是redux来管理state

//reducer
return {...state, rows: state.rows.sort(sortByKey(action.sortKey, true)), sortType: GRID_DATA_SORT_ASC, sortKey: action.sortKey };

//action
function sortGridAsc(id) {
    return {
        type: GRID_DATA_SORT_ASC,
        sortKey: id
    }
}

Answer 1

https://segmentfault.com/q/1010000004917...

Answer 2

建议先调试 确认数据的正确性 在看你的setState用法有没有错误（因为它不是同步的）

Answer 3

http://zhuanlan.zhihu.com/p/20703820

是不是这样

Answer 4

componentshouldupdate return true 试试看

Answer 5

state变了会触发render，是不是你生成ui内容的代码没在render里调？

Answer 6

React组件好像没办法探测到一个对象的值的变化，其具体实现应该是比较的对象的引用。最好加一个类似isFetching的boolean类型的变量和组件进行connect，每当业务逻辑数据改变之后，isFetching值也跟着变化，那样的话组件可以正常刷新！具体可以参考Redux官方的例子：async

Answer 7

http://reactjs.cn/react/docs/component-s...
建议先把生命周期 搞清楚 希望有帮助