2022 年 7月 6 日随笔档案 - 大宁0615

2022年7月6日

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:16 大宁0615 阅读(23) 评论(0) 推荐(0)

17生命周期(新)

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:16 大宁0615 阅读(53) 评论(0) 推荐(0)

15生命周期(旧)挂在流程

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:15 大宁0615 阅读(16) 评论(0) 推荐(0)

12组件柯里化(高阶函数)

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:14 大宁0615 阅读(25) 评论(0) 推荐(0)

13不使用组件柯里化

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:14 大宁0615 阅读(26) 评论(0) 推荐(0)

14生命周期

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:14 大宁0615 阅读(18) 评论(0) 推荐(0)

11react 事件处理

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:13 大宁0615 阅读(17) 评论(0) 推荐(0)

10ref ----React.createRef

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:12 大宁0615 阅读(39) 评论(0) 推荐(0)

08ref ---->字符串形式

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:11 大宁0615 阅读(27) 评论(0) 推荐(0)

09ref----回调函数形式

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:11 大宁0615 阅读(25) 评论(0) 推荐(0)

08Props的简单使用

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:10 大宁0615 阅读(9) 评论(0) 推荐(0)

07state简写

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:09 大宁0615 阅读(21) 评论(0) 推荐(0)

06初始化state

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:09 大宁0615 阅读(18) 评论(0) 推荐(0)

05函数组件

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:07 大宁0615 阅读(21) 评论(0) 推荐(0)

04jsx语法规则

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:07 大宁0615 阅读(22) 评论(0) 推荐(0)

03真实DOM与虚拟DOM

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:06 大宁0615 阅读(37) 评论(0) 推荐(0)

初识

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:04 大宁0615 阅读(70) 评论(0) 推荐(0)

02使用jsx创建xuniDOM

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></ 阅读全文

posted @ 2022-07-06 10:03 大宁0615 阅读(29) 评论(0) 推荐(0)

useContext配合React.createContent实现传统redux功能

摘要：在以往的redux中要实现数据共享需要配置文件例如配置redux中的reducer和action文件以及根文件在一个组件中还需要将配置的文件利用connect进行链接,对于一些项目来说这些显得略微的复杂: 就比如是实现一个对count值的改变功能:就需要: Action文件: import {AD 阅读全文

posted @ 2022-07-06 09:56 大宁0615 阅读(256) 评论(0) 推荐(0)