前端-react
M_ye
这个作者很懒,什么都没留下…
展开
-
React Hook详解+案例尝试
目录Hook解决的问题先决认知:function组件与class组件的区别已有Hook(典型)1、useState2、useEffect(两种模式)(1) Effects Without Cleanup(2) Effects With CleanupHook使用关于自定义Hook官方Hook???? Hook解决的问题 需要为function组件添加state,但不想重写function组件为class组件时使用Hook真香~ 先决认知:function组件与class组件的区别 组件预编译 class方案原创 2020-10-14 11:46:30 · 491 阅读 · 1 评论 -
React + webpack 开发单页面应用——采坑集之 \@babel\runtime
背景:使用脚手架 create-react-app-master 搭建项目。 我出现的报错是这样的: ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'E:\实例\teacher-system\create-react-app-master\admin-system\...原创 2019-05-05 17:13:04 · 1447 阅读 · 3 评论 -
虚拟DOM,Diff算法,手把手讲解系列
这两个东西咱们随便一搜,就能搜到很多东西,所以此文章不赘述,主要是把很多文章里没有写到(细化到小白都能理解)的地方给大家展示一下,同时也加强自己的理解。 看本文前,如果你对虚拟DOM和react中的Diff算法已经有了解了,但是有点似懂非懂,能说上流程却手撕不出来代码,可以直接进入正题。 如果流程都说不出来,必须先看这位作者的文章: 附上链接:https://github.com/livor...原创 2019-05-24 16:58:16 · 106 阅读 · 0 评论 -
React + webpack 开发单页面应用——采坑集之 .scss模块报错
背景:用脚手架 create-react-app-master 搭建项目。 大概报错如下(当时没记录): Module build failed: $red: red; ^ Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi" ...原创 2019-05-13 10:42:13 · 401 阅读 · 0 评论 -
State&Props简单页面的创建流程
拿到一个模拟页面 根据原型图分析json接口(一般json接口返回数据格式会给定) step1 把UI划分出组件层级 单一功能原则。理想状态下一个组件只做一件事。 step2 用React创建一个静态版本 传入数据模型,渲染UI但不交互。需要创建能够复用其他组件的组件,并通过props来传递数据。 props是一种从父级向子级传递数据的方法。(对外接口,只读) state...原创 2019-05-27 09:40:11 · 113 阅读 · 0 评论 -
React 组件通信 父子组件 兄弟组件
父子组件通信: 通过props传递数据 如果子组件要将信息回传给父组件:示例:新增的用户信息。父组件给子组件传递state时新增一个执行函数,并在父组件里定义这个执行函数的动作。而后子组件可以在自身处理事件中调用此函数,以此达到回传state的目的。注意调用时要用props. 兄弟组件通信: 不能直接通信,需要借助状态提升,把组件间需要共享的状态保存到距离它们最近的共同父组件内,任意...原创 2019-05-27 09:42:55 · 344 阅读 · 0 评论