React
你眼里星光弥漫.
种草小妖儿.
"你眼里星光弥漫."
展开
-
错误边界(Error boundary)
只能捕获后代组件生命周期产生的错误,不能捕获自己组件产生的错误和其他组件在合成事件、定时器中产生的错误getDerivedStateFromError配合componentDidCatch。原创 2023-11-09 11:18:59 · 383 阅读 · 0 评论 -
React向组件内部动态传入带内容的结构--props
children props:通过组件标签体传入结构render props:通过组件标签属性传入结构,一般用render函数属性。原创 2023-11-09 10:25:22 · 286 阅读 · 0 评论 -
react之Component存在的2个问题
【代码】react之Component存在的2个问题。原创 2023-11-08 20:55:24 · 422 阅读 · 0 评论 -
react组件间通信之context
一般用于【祖组件】与【后代组件】间通信。原创 2023-11-08 20:30:44 · 247 阅读 · 0 评论 -
Hooks的使用
作用:在函数组件中使用state以及其他的React特性常用的hook:React.useState()、React.useEffect()、React.useRef()原创 2023-11-08 20:02:29 · 110 阅读 · 0 评论 -
react路由组件的lazyLoad
预先准备两个路由组件(Home组件和About组件)网速较慢时,可以看到loading组件效果。准备一个普通组件(Loading组件)同文件夹下新建index.jsx文件。原创 2023-11-08 19:41:52 · 229 阅读 · 0 评论 -
react类式组件setState更新状态的两种方式
【代码】react类式组件setState更新状态的两种方式。原创 2023-11-06 19:06:54 · 262 阅读 · 0 评论 -
react使用代理(跨域问题)
我想见你,不远万里原创 2023-08-24 15:08:00 · 133 阅读 · 0 评论 -
虚拟DOM中key的作用
虚拟dom中key的作用原创 2023-06-19 15:56:28 · 106 阅读 · 1 评论 -
react生命周期
一般在这个钩子中做一些初始化的事,例如:开启定时器、发送网络请求、订阅消息。(1)componentWillUnmount() ===> 常用。(1)componentWillUnmount() ===> 常用。一般在这个钩子中做一些收尾的事,例如:关闭定时器、取消订阅消息。(4)componentDidMount() ===> 常用。(4)componentDidMount() ===> 常用。(3)render() ===> 必须使用的一个。(3)render() ===> 必须使用的一个。原创 2023-06-19 15:52:31 · 91 阅读 · 1 评论 -
高阶函数概念及案例
高阶函数概念及案例原创 2023-06-19 15:43:51 · 104 阅读 · 1 评论 -
函数柯里化
函数柯里化原创 2023-06-19 15:30:09 · 52 阅读 · 0 评论 -
react中收集表单数据的两种写法
react中收集表单数据的两种写法原创 2023-06-19 15:22:48 · 140 阅读 · 1 评论 -
react中的事件处理
react中的事件处理原创 2023-06-17 17:25:12 · 65 阅读 · 1 评论 -
组件实例三大属性之ref的使用
组件实例三大属性之ref的使用原创 2023-06-17 16:19:19 · 149 阅读 · 1 评论 -
组件实例三大属性之props的使用
props的使用原创 2023-06-17 15:30:37 · 135 阅读 · 1 评论 -
组件实例三大属性之state的使用
state的使用原创 2023-06-17 11:21:27 · 93 阅读 · 1 评论 -
react定义组件的两种方式
react定义组件的两种方式原创 2023-06-17 10:14:14 · 69 阅读 · 1 评论 -
虚拟DOM的两种创建方式
虚拟DOM的两种创建方式。原创 2023-06-16 20:45:08 · 340 阅读 · 1 评论 -
jsx语法规则
jsx语法规则原创 2023-06-17 09:51:30 · 73 阅读 · 1 评论 -
初识React--Hello,React案例
【代码】初识React--Hello,React案例。原创 2023-06-16 16:05:25 · 58 阅读 · 1 评论 -
React通过脚手架第一次创建项目
1.搭建项目//1.全局安装npm install -g create-react-app//2.创建项目npx create-react-app my-app//3.进入项目cd my-app//4.运行npm start2.生成项目文件夹详解README.md : 使用方法的文档node_modules :所有的依赖安装的目录package-lock.json : 锁定安装时的包的版本号,保证团队的依赖能保证一致package.jsonpublic : 静态公共目录src原创 2022-03-28 15:23:06 · 906 阅读 · 0 评论 -
React浅了解
声明式设计React采用声明范式,可以轻松描述应用高效React通过对DOM的模拟(虚拟dom),最大限度地减少与DOM的交互灵活React可以与已知的库或框架很好的配合JSXJSX是JavaScript语法的扩展组件通过React构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中单项响应的数据流React实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单...原创 2022-03-28 11:29:12 · 508 阅读 · 0 评论