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