Name Last Update
config Loading commit data...
public Loading commit data...
scripts Loading commit data...
src Loading commit data...
.gitignore Loading commit data...
README.md Loading commit data...
package.json Loading commit data...
yarn.lock Loading commit data...

运行

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

依赖

  • axios
  • redux
  • react-router-dom #### axios 使用 > service中重新定义GET POST
import $http from "../../service"; //页面引入统一service
 $http.GET("/test")  
      .then(d=>{
          debugger
      })
      .catch(e=>{
          debugger
      })

redux 使用

页面引入redux的connct,采用装饰器模式过滤所需state

 import{connect} from "react-redux"; 
 @connect((state)=>{
   // debugger
    let {layout,login} = state
    return {layout,login};
})
 class Demo extends Component{}

页面修改redux,type类型为枚举类型,防止胡乱定义

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") //动态跳转