React
文章平均质量分 62
yokiizx
如果你太在意别人的看法,那么你的生活将变成一件裤衩。别人放什么屁,你都得接着。
展开
-
react-router填坑记录
react-router之前用 vue 开发时使用的是 vue-router,感觉大同小异,所以我一开始都没把 react-router 放在眼里,但是在实际使用过程中,啧啧,那叫一个打脸。不定时更新此文,记录容易遇到的坑。基本使用就不多说了,建议直接看官方文档。react-router 文档。另外,特此说明: 文章都是我边学习边记录总结的,如果错误,欢迎指正,互相交流,共同进步!注意点 1: Route 的 component 和 renderWhen you use component原创 2021-05-18 17:58:26 · 96 阅读 · 0 评论 -
重温React生命周期
前言在学习了虚拟 DOM 后,可以了解到虚拟->真实的转变过程其实就是:生命周期 render()生成虚拟 DOM,然后丢给 ReactDOM.render()挂在到真实 dom 上。在初始化和更新时,生命周期的 render 的操作对象都是虚拟 domReact 15 的生命周期挂载constructor()componentWillMount()render()componentDidMount()更新componentWillReceiveProps(nextP原创 2021-04-20 16:47:51 · 76 阅读 · 0 评论 -
关于React虚拟dom
JSXJSX本质上是JavaScript的语法拓展JSX能够在JavaScript中生效得益于babel的加工处理,转化为React.createElement(type, config, children),从而转化为React.createElement// 源码export function createElement(type, config, children) { // 用于后面for...in提取存储元素属性 let propName; // 用来存储config中原创 2021-04-20 13:46:27 · 76 阅读 · 0 评论 -
重温react的api
自学react把React的官方文档看了好多遍,再来温习一下api吧。组件Component,PureComponent,memo,forwardRef,lazy,Suspense,Fragment,Profiler,StrictMode工具createElement,cloneElement,createContext,createRef,isValidElement,children - map;forEach;count;toArray;onlyReact.createElement(原创 2021-04-19 11:30:27 · 55 阅读 · 0 评论 -
mobx新手初体验
mobx 初体验最近刚刚从vue技术栈转到react阵营,公司的技术选型是honeycomb,一个基于react和mobx的前端框架,所以我不得不花一天时间去看mobx的官方文档,记录下自己的学习。mobx 5创建一个仓库:import { observable, computed, action, runInAction } from 'mobx';class Store { @observable todo = [ { id: 0, name: 'x' },原创 2021-04-07 19:58:58 · 95 阅读 · 0 评论