Augustine_Cyq的博客

1.根据模块，建立路由目录2.路由配置信息设置routes/purchase.js// 采购模块import { authorityConfig } from '@/config/authority';const purchaseRoute = [ { component: 'module/purchase/contract/making', path: '/purContractMaking/:id', name: '采购合.

说明： 一般在react项目中，我们通过redux和react-redux来存储和管理数据，但是使用redux存储数据时，会有一个问题，如果用户刷新了页面，那么通过redux存储的全局数据就会被重置，比如登录状态等。 这个时候有没有解决办法呢？答案肯定是有的： 一般我们可以使用sessionStorage或者localStorage来达到数据存储的要求，但既然我们使用了redux来管理和存储全局数据，如果再使用sessionStorage或者localStorage来读写数据，.

第一步 安装 http-proxy-middleware第二步 src下创建一个 setupProxy.js文件const { createProxyMiddleware } = require('http-proxy-middleware');module.exports = function (app) { // proxy第一个参数为要代理的路由 // 第二参数中target为代理后的请求网址，changeOrigin是否改变请求头，其他参数请看官网 app.

Lodash篇1.深层查找属性值var ownerArr = [{ "owner": "Colin", "pets": [{"name": "dog1"}, {"name": "dog2"}] }, { "owner": "John", "pets": [{"name": "dog3"}, {"name": "dog4"}] }];var lodashMap = _.map(ownerArr, 'pets[0..

场景：一个组件中，含有ul展开数组的组件，在每一行中，都能点击相应的这一行，跳转到对应的页面。也就是说，组件套组件，子组件中this.props.history.push无法工作。提示没有push这个函数。因为这时的props中没有history这个属性。解决方法1. 使用 withRouterwithRouter高阶组件，提供了history让你使用~import React from "react";import {withRouter} from "react-r.

1.下载https://github.com/jamiebuilds/react-loadableyarn add react-loadable2.在所需异步组件的文件夹下创建loadable.js3.编写loadable.jsimport React from 'react'import Loadable from 'react-loadable';con...

1.Link写法:<Link key={index} to={'/detail/' + id}></Link>2.Route动态路由写法:<Route path='/detail/:id' exact component={Detail}></Route>3.跳转到相关页面后获取Id:this.props.matc...

//actionCreators.jsimport * as actionTypes from './actionTypes'import axios from 'axios'const getListAction = (data) => ({ type: actionTypes.GET_LIST_ACTION, data})export const get...

1.文件结构1)用actionTypes.js和actionCreators.js的好处在于:当dispatch的方法名写错,可快速定位在相应的文件!2)分仓库的创建避免了公共数据和方法全部堆积在总仓库,不便于后期维护2.分仓库各文件代码示例2.1 actionTypes.jsexport const MODIFY_HASH = 'menu/MODIFY_H...

1.styled-components安装（样式不会全局，可在对应组件生效）yarn addstyled-components2.styled-components全局样式reset.css写法：import { createGlobalStyle } from 'styled-components'; const GlobalStyle = createGlobalS...

1.URL解析URL结构：域名（查找服务器位置）就像一个大房子；端口号就如房间号；路径（定位资源位置）；参数（传递请求资源的特点）；哈希（前端页面锚点，用来标记页面位置）；...