react
react
ygx_work
好好学习,天天向上
展开
-
react添加、删除一行dom节点
render里面的布局{ this.state.externalContact.map((item,i)=>{ //console.log("i==="+i+"item"+item) return( <Row className="gutter-row" key={i}> <Col span={20} offset={4} className="gutter-col">原创 2020-05-10 17:50:26 · 2779 阅读 · 0 评论 -
react需要用到的配置步骤
第一个,创建文件npx create-react-app my-app第二个,下载axiosnpm install axios -s第三个,使用mobxnpm install --save-dev @babel/plugin-proposal-decorators mobx第四个,处理初次运行mobx报错git add .第五个,处理初次运行mobx报错git commit -a...原创 2020-05-03 17:48:26 · 233 阅读 · 0 评论 -
react动态渲染路由,判断用户权限,判断用户是否登录,判断路由重定向
第一步,在APP主文件中做如下配置import {HashRouter} from 'react-router-dom'//引入哈希路由import routerList from './router/index'//路由数据文件import PrivateRoute from './component/PrivateRoute/PrivateRoute'//路由组件function Ap...原创 2020-05-03 17:38:12 · 3698 阅读 · 1 评论 -
笔记 前端需要了解的react进阶知识点
HOC 是什么?相比 mixins 有什么优点?现在如果我想给这个 add 函数添加一个输出结果的功能,那么你可能会考虑我直接使用 console.log 不就实现了么。说的没错,但是如果我们想做的更加优雅并且容易复用和扩展,我们可以这样去做:function withLog (fn) { function wrapper(a, b) { const result = ...原创 2020-05-03 15:39:29 · 198 阅读 · 0 评论 -
笔记 前端需要了解的react基础知识点
生命周期在 V16 版本中引入了 Fiber 机制。这个机制一定程度上的影响了部分生命周期的调用,并且也引入了新的 2 个 API 来解决问题,关于 Fiber 的内容将会在下一章节中讲到。对于如何区别优先级,React 有自己的一套逻辑。对于动画这种实时性很高的东西,也就是 16 ms 必须渲染一次保证不卡顿的情况下,React 会每 16 ms(以内) 暂停一下更新,返回来继续渲染动画。...原创 2020-05-03 15:24:14 · 182 阅读 · 0 评论