wangry

Appearance

day1 ​

Alt text

介绍 ​

Alt textAlt text

开发环境 ​

Alt text

渲染：App->index.js->public/index.html(root)

JSX基础 ​

Alt text

Alt text

高频场景 ​

Alt text

列表渲染实例 ​

Alt text

条件渲染实例 ​

Alt text

复杂条件渲染实例 ​

Alt text

事件绑定 ​

Alt text

传递e ​

Alt text

传自定义参 ​

Alt text

同时传递事件对象和自定义参数 ​

Alt text

react中的组件 ​

组件是什么 ​

Alt text

react组件 ​

Alt text

useState ​

Alt text

修改状态的规则 ​

Alt text

修改对象状态 ​

Alt text

组件样式处理 ​

Alt text

TIP

loadash：封装了很多方法的库 Alt text

classnames优化类名控制 ​

Alt textAlt text

受控表单绑定 ​

Alt text

react获取dom ​

Alt text

uuid ​

Alt text

dayjs ​

Alt text

组件通信 ​

组件通信就是组件之间的数据传递，根据组件嵌套关系的不同，有不同的通信方法

Alt text

父传子 ​

Alt text

父传子 - props说明 ​

Alt text

父传子 - 特殊的prop children ​

Alt text

子传父 ​

Alt text

使用状态提升实现兄弟组件通信 ​

Alt text

使用context机制跨层级组件通信 ​

Alt text

Alt text

useEffect ​

useEffect 是一个React Hook函数，用于在react组件中创建不是由事件引起而是由渲染本身引起的操作，比如发送AJAX请求，更改DOM等等

Alt text

Alt text

useEffect依赖项参数说明 ​

Alt text

清除副作用 ​

Alt text

自定义Hook函数 ​

Alt text

Alt text

Alt text

React Hooks使用规则 ​

Alt text

Redux ​

Redux是react最常用的集中状态管理工具，类似于Vue中的Pinia(Vuex)，可以独立于框架运行

Alt text

Alt text

Alt text

redux和react - 环境搭建 ​

Alt text

Alt text

目录结构 ​

Alt text

Alt text

Alt text

Alt text

Alt text

action传参 ​

Alt text

异步状态操作 ​

Alt text

react devtools ​

浏览器插件 Alt text