react
文章平均质量分 61
Georgia fab
这个作者很懒,什么都没留下…
展开
-
React 项目中常用自定义hooks
react 项目中常用的自定义hook原创 2023-02-14 19:23:48 · 478 阅读 · 0 评论 -
react原理解析
这里写目录标题函数式编程vdom 和diffjsx本质合成事件为什么要合成事件机制setState batchUpdate多次的修改state的时候,有时合并(对象形式),有时不合并(函数形式)在setState的时候,改变state有时异步(普通使用),有时同步(setTimeout,DOM事件)setState 主流程batchUpdate机制transation (事务)机制组件渲染过程jsx如何渲染为页面setState之后如何更新页面fiber如何进行优化性能函数式编程一种编程范式,概念比较原创 2021-02-28 20:36:11 · 2043 阅读 · 0 评论 -
react hooks (含router+store 全家桶!)
HOOK函数式组件的性能会更好,函数式组件没有this指向的问题,react在16.8以后推出了hook,解决了函数式组件无state和生命周期,ref的问题render使用高阶函数会使得组件有很多层的多余嵌套,HOOK中的render可以解决这个问题:App.js<Wrap render={()=>{ return ( <mark>test</mark> )}}>Wrap组件render(){ return th原创 2020-11-16 16:56:19 · 1034 阅读 · 0 评论 -
react-router基本使用笔记
是第三方开发的路由react-router官方文档react-router react-router-dom 这个会依赖上面的包,所以直接安装这个就好了router 三种渲染方式BrowserRouter是路由的根组件,只能接收一个子元素,定义了路由作用的范围import {BrowserRouter/*history模式*/,Route/*一个路由的配置项*/} from ' react-router-dom'···<BrowserRouter> /*Browser原创 2020-11-16 16:50:06 · 94 阅读 · 0 评论 -
react入门
react组件组件的两种实现模式:1.函数式组件(相比较函数式性能会更好)import React from 'react'export default ()=>{ return ( <div id="app"> <h1>hello world</h1> </div> )}2.class组件// react组件(class组件)import React, {Component} from 'reac原创 2020-11-16 15:19:31 · 139 阅读 · 0 评论