README.md 1.11 KB

运行

 yarn start
 npm run start //开发
 yarn build   
 npm run build  //打包

依赖

  • axios
  • redux
  • react-router-dom #### axios 使用 > service中重新定义GET POST javascript import $http from "../../service"; //页面引入统一service $http.GET("/test") .then(d=>{ debugger }) .catch(e=>{ debugger }) #### redux 使用 >页面引入redux的connct,采用装饰器模式过滤所需state ```javascript import{connect} from "react-redux"; @connect((state)=>{ // debugger let {layout,login} = state return {layout,login}; }) class Demo extends Component{}
> 页面修改redux,type类型为枚举类型,防止胡乱定义

```javascript
import EVENT from "../../store/EVENT"
   this.props.dispatch({
            type:EVENT.LOGIN,
            payload:{ 
                name:"hehehe"
            }
        })

react-router-dom

页面中引入路由跳转,使用Link组件跳转和动态跳转

import {Link} from "react-router-dom"; //组件跳转
 this.props.history.push("/index2") //动态跳转