react
关注
分享
扫一扫
IAN27
这个作者很懒，什么都没留下…
展开
-
React 脚手架与TodoList案例
1. 使用create-react-app创建react应用 2. react 脚手架 1. xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 1. 包含了所有需要的配置（语法检查、jsx编译、devServer…） 2. 下载好了所有相关的依赖 3. 可以直接运行一个简单效果 2. react提供了一个用于创建react项目的脚手架库: create-react-app 3. 项目的整体技术架构为: react + webpack + es6 + eslint 4. 使用脚手架开原创 2021-04-28 16:08:28 · 329 阅读 · 1 评论 -
React 组件的生命周期
1. 组件的生命周期 需求:定义组件实现以下功能： 1. 让指定的文本做显示 / 隐藏的渐变动画 2. 从完全可见，到彻底消失，耗时2S 3. 点击“不活了”按钮从界面中卸载组件 1） 引出生命周期 //生命周期回调函数 <=> 生命周期钩子函数 <=> 生命周期函数 <=> 生命周期钩子 //render调用的时机是2个：初始化渲染、状态更新之后 <!DOCTYPE html> <html lang="en"> <head原创 2021-04-25 16:00:57 · 198 阅读 · 1 评论 -
React 组件实例的三大属性
1.state（状态） 1）原生事件的绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2021-04-14 10:33:26 · 185 阅读 · 0 评论 -
React 定义组件
1.函数式组件 最简单的定义组件的方法是写一个 JavaScript 函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset = "UTF-8"> <meta name = "viewport" content="width=device-width, initial-scale=1.0"> <title>1_函数式组件</title> <原创 2021-04-13 10:33:19 · 164 阅读 · 0 评论 -
React 基础
1. js与jsx创建虚拟DOM 1> 使用jsx创建虚拟DOM <!DOCTYPE html> <html lang="en"> <head> <meta charset = "UTF-8"> <title>1_使用jsx创建虚拟DOM</title> </head> <body> <!-- 准备好一个“容器” --> <div id = "test"></d原创 2021-04-12 09:34:15 · 110 阅读 · 0 评论