![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 70
SummerOfFoam
这个作者很懒,什么都没留下…
展开
-
React之基础问题一
React相关总结一React之基础问题一1.React中keys的作用2.React中Refs的作用:Ref的定义背景组件类型使用3.React创建组件的三种方式函数式定义的无状态组件函数式组件es6形式的 extends React.Component类式组件es5形式的React.createClassReact.createClass和React.Component的区别4.调用setState()函数后发生了什么React之基础问题一1.React中keys的作用Keys 可以在 DOM 中原创 2021-07-07 18:20:45 · 216 阅读 · 0 评论 -
react生命周期函数
在组件创建,组件中的数据修改,组件销毁的过程中,所涉及到的函数统称为组件的生命周期函数。组件的生命周期可以分为三个阶段:1.加载阶段:在组件初始化的时候执行的函数,最显著的特点是,在整个生命周期中只会执行一次,就像人的出生一样;2.更新阶段:在组件的属性(props)和状态(state)发生改变时执行,有选择性的发生0次或多次;3.卸载阶段:在组件对象销毁时执行,也是只会执行一次,就如同人的死亡一样;旧的react的周期函数:加载阶段:constructor():初始化state原创 2021-07-06 17:55:12 · 176 阅读 · 0 评论 -
环境配置总结
环境配置总结1.jdk环境配置2.nodeJS环境配置:3.安装yarn4.安装 Android Studio5.安装Git6.安装react Native命令行工具7.创建项目,根据官网步骤来8.安装Microsoft Visual C++ 2010 Redistributable Package1.jdk环境配置2.nodeJS环境配置:参考:https://www.cnblogs.com/liuqiyun/p/8133904.html配置npm淘宝镜像,提高下载速度# 配置完成后所有的 n原创 2021-02-20 18:23:26 · 403 阅读 · 0 评论 -
React组件优化
React组件优化Component的2个问题提高效率的做法Component的2个问题1.只要执行setState(),即使不改变状态数据,组件也会重新render(),降低效率;2.只要当前组件重新render(),就会自动重新render子组件,即使子组件没有用到父组件的任何数据;提高效率的做法只有当组件的state或者props数据发生改变时才重新render;原因:Component中的shouldComponentUpdate()方法如果不做处理,便会一直返回ture;..原创 2021-02-18 13:29:59 · 98 阅读 · 0 评论 -
React学习之路由的相关知识
SPA:单页Web应用(Single Page Application);整个页面只有一个完整的页面;点击页面中的链接不会刷新页面,只会做页面的局部刷新;数据都需要通过ajax请求获取,并在前端异步展现;即单页面多组件。路由:一个路由就是一个映射关系(key:value);key为路径,value可能是function或component;前端路由的基石:history 创建history可以有两种方式:(1)直接使用H5推出的history身上的API;H...原创 2021-02-02 17:30:05 · 174 阅读 · 0 评论 -
React脚手架
React脚手架1.xxx脚手架:用于帮助程序员快速创建一个基于xxx库的模板项 (1):包含了所需要的配置(语法检查,jsx编译,devServer....) (2):下载好了所有相关的依赖 (3):可以直接运行一个简单的效果2.react提供了一个用于创建react项目的脚手架库:create-react-app3.项目的整体架构:react+webpack+es6+eslint4.使用脚手架开发的项目的特点:模块化,组件化,工程化...原创 2021-01-27 14:59:55 · 100 阅读 · 0 评论