React练习

【文件属性】：

文件名称：React练习

文件大小：820KB

文件格式：ZIP

更新时间：2024-03-04 12:36:27

JavaScript

基础 特色 声明式设计 采用虚拟DOM渲染，减少DOM操作 和其他库灵活搭配 JSX，在js里写html 组件化，预设 单向数据流，数据=》状态=》事件=》数据 安装 脚手架： npm install -g create-react-app 创建文件： create-react-app 01helloworld 启动： npm run start 元素渲染 元素 let h1 =

helloworld 使用jsx写法，可以创建js元素对象 必须有一个根元素 html元素必须小写，否则替换为组件 虚拟DOM 本质上是一个对象对象 虚拟DOM的属性比真实DOM少 虚拟DOM最终会被react转化为真实DOM，呈现在页面上 JSX表达式 由html元素构成 定义虚拟DOM时不要写引号 中间如果需要插入变量用{}，{}中间可以使用表达式，{}中间可以使用JSX对象 属性和html内

【文件预览】：
react-practice-main
----day1()
--------02-jsx.html(697B)
--------03-练习.html(977B)
--------01-虚拟DOM的创建.html(747B)
----js()
--------react.development.js(108KB)
--------react-dom.development.js(918KB)
--------babel.min.js(773KB)
--------prop-types.js(47KB)
----day3()
--------01-refs.html(1KB)
--------02-回调函数形式的ref.html(1KB)
--------03-createRef.html(1KB)
----todolist()
--------.gitignore(310B)
--------package.json(1KB)
--------src()
--------public()
--------README.md(3KB)
--------01-src_todoList()
--------02-src_github_parents()
--------yarn.lock(495KB)
----readme.md(8KB)
----day2()
--------03-state练习.html(2KB)
--------01-类.html(1KB)
--------05-props使用.html(1KB)
--------06-props的限制.html(1KB)
--------02-类式组件.html(1KB)
--------04-state练习2.html(1KB)
--------07-props简写.html(1KB)
----day4()
--------2_react生命周期(旧).png(43KB)
--------3_react生命周期(新).html(3KB)
--------收集表单数据()
--------6_key的作用.html(3KB)
--------5_DOM的diffing算法.html(1KB)
--------3_react生命周期(新).png(65KB)
--------4_getSnapshotBeforeUpdate的使用场景.html(2KB)
--------2_react生命周期(旧).html(4KB)