redux核心概念理解

92 阅读1分钟

store、state

state存放全局状态,redux将其放到store里

dispatch(reducer)

  • reducer:用来规范state创建流程(state,action)
  • initState:创建初始state (newState)
  • action:说明本次action类型 ({type:xx,payload:zz})

connect

connect是一个高阶组件(接收组件,返回组件)

主要做的事:

  • 获取读写接口 {state,setState}
  • 封装读写接口
  • 订阅store更新,如果store更新就update渲染

react-redux提供connect api连接组件和state,用来读/写(dispatch) state

如果要读更深层的数据,可以传一个selector,如果要写更深层的数据可以传mapdispatchtoprops