react
SuperHaker~
这个作者很懒,什么都没留下…
展开
-
react知识复习
一开始,两个组被渲染出来,然后,这两个组件的内置功能是累加器,点击组件会将内部的count+1,我们尝试将点击二个组件,它的值被渲染为1,然后再点击单选框,将showB置为false,这样第二个组件变成了{false},此时这个大组件返回的JSX将被转换为虚拟Dom传入fiber树并和第一次作比较,经过比较发现树上的某个App节点的第二个子节点发生了变化,不再是原来的组件了,于是回收它的state,这样,当再次点击单选框,渲染出来的第二个内的state不再是原来的1了,而是初始化为0;原创 2023-08-11 09:54:09 · 100 阅读 · 0 评论 -
react 函数组件和类组件的简单区别
函数组件的根基是 FP(函数式编程),与数学中的函数思想类似,所以假定输入和输出存在某种关联的话,那么相同输入必定会有相同的输出,所谓纯粹。函数组件内能使用hook函数,逻辑可复用性强,没有继承能力;类组件能在生命周期不同阶段调用不同的函数,去实现特定的要求,有继承能力;从最新react18官方文档里面已经看不到类组件的介绍了,函数组件会成为一种趋势。类组件的根基是 OOP(面向对象编程),所以它会有继承,有内部状态管理等;react 函数组件和类组件简单区别。函数组件无生命周期,类组件有生命周期。原创 2023-06-14 16:19:27 · 61 阅读 · 0 评论 -
react 使用create-react-app搭建
对于入门来说,不太需要太多的工具链,所以用cra脚手架便可以快速搭建一个简单的react页面。生产级的react框架:Next.js,Gaysby.js,Remix.js等。cra脚手架,全称是create-react-app。原创 2023-06-14 16:03:36 · 480 阅读 · 0 评论