摘要： 首先，先做底部的导航在页面写入 import React from 'react' import ReactDOM from 'react-dom' import { BrowserRouter, Switch, Route } from 'react-router-dom' import Home 阅读全文

摘要： 首先，我们要保证我们的redux已经正常配置好了。 第一步。在actions文件夹里定义了一个方法。 export getLimitData = option => { return { type: 'GET_LIMIT_DATA', payload: post(api.limitData, opt 阅读全文

摘要： 官网：https://www.swiper.com.cn/ 第一步： 先下载 npm i swiper -S 第二步：引入 import Swiper from 'swiper' import "swiper/css/swiper.css" 第三步： 引入css的样式 .swiper-contain 阅读全文

摘要： 1、key的作用 react利用key来识别组件，它是一种身份标识标识，就像我们的身份证用来辨识一个人一样。 react使用的是diff算法决定哪些元素需要重新渲染， 每个节点都有唯一key值, key相同，就不会重新渲染节点， 不同则渲染。 2、可以用index为下标么？ 答案肯定是否，为什么不行 阅读全文

摘要： 父传子方法： <Children sendData={this.state.footerData}></Children> sendData 是那边需要接收的名字 子页面拿值 this.props.sendData 子传父： 在事件里直接传数据 updateData 是父组件接收的名字 sendDa 阅读全文

摘要： 官网：http://mockjs.com/examples.html 第一步安装： npm install mockjs --save 第二步：Src下建立一个mock文件，mock下面建立一个js文件 第三步：引入const Mock = require('mockjs') 数据案例 记得一定要把 阅读全文

摘要： /* 跨域 1、 jsonp 最原始 2、 CORS 后台解决跨域方法 Access-Control-Allow-Origin 3、前端配置代理 在本地装一个node -> 后台接口 我们的ajax -> node服务 本地开发才有， 打包上线 就没有node了 */ 官网：https://www. 阅读全文

摘要： ref：被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。 ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref. 阅读全文

摘要： 第一步： 在src下建立一个routes文件 里面写入两个js文件 第二步：　建立一个FrontendAuth.js 文件里写入 import * as React from 'react'; import { Route,Redirect } from 'react-router-dom'; ex 阅读全文

摘要： 第一步：安装 npm install react-loadable --save 第二步 src 下 建立一个util文件 然后建立一个loadable.js 第三步： loadable.js 里写入 import React from 'react'; import Loadable from ' 阅读全文