redux 不能直接在 react 里使用
需要一个 中间工具 叫做 react-redux
npm安装后 结构出其中的connect函数
redux插件 内部写state等
react-redux 提供桥梁(connect)
reducer是修改状态的方法
调用该函数
传递两个参数
1是维护的状态
2是dispatch派发的action类型
异步中间件
thunk saga
1 redux里面 结构出 applyMiddleware
2 redux-thunk 里面 结构出thunk
3 createStore(reducers , applyMiddleware(thunk))
4 写dispatch 区别就是 参数是一个异步函数
react-router 路由
import { NavLink , Switch , Route, Redirect } from ’ react-router-dom ’
NavLink to="/movie"
Switch
Route path
component
Redirect from
to
动态路由 路径+:+参数
路由传参 state属性传参
传值
<NavLink to={{
pathname:match.path+’/list/2’, //到这
//可以存入props对象中
state:{id:2} //传值
}}>moive
<Route
path={match.path+’/list/:id’} // 接收者
component={List}
/>
新组建
接受 this.props.location.id
搭建项目的开发环境
用cra(create-react-app)脚手架:yarn add create-react-app 项目名称
用customiz e-cra、react-app-rewired进行脚手架的增强来进行webpack的二次配置
使用react-dom:react-dom则是React剥离出的涉及DOM操作的部分