redux更新了却没有重新渲染?

//reducer
const initState={
    style:{left:0}
}
const Tabs=(state=initState,action)=>{
    switch (action.type){
        case 'recommend':
            Object.assign(state,{style:{left:0}})
            return state
        case 'list':
            Object.assign(state,{style:{left:'25%'}})
            return state
        default:
            return state
    }
}
export default Tabs
//组件
 export default class Tab extends Component{
    render(){
        const {style}=this.props
        return(
            <div>
                      ...
                    <div style={style}><span></span></div>
            </div>
        )
    }
}
阅读 3.7k
1 个回答
const Tabs=(state=initState,action)=>{
    switch (action.type){
        case 'recommend':
            return Object.assign({style:{left:0}},state);
        case 'list':
           return Object.assign({style:{left:'25%'}},state);
        default:
            return state
    }
}

redux是覆盖式更新的不能把旧的state对象返回回去,必须是新建的对象才会更新

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题