一、React 快速入门

Alyson
116 阅读1分钟

react 优势

image.png

开发环境搭建

image.png

JSX 基础

image.png

image.png

babel 网站

babeljs.io

image.png

JSX 高频使用场景

在 JSX 中可以通过大括号语法 {} 识别javascript中的表达式，比如常见的变量、函数调用、方法调用等

image.png

JSX 中实现列表渲染

image.png

JSX 中实现条件渲染

image.png

JSX 中实现复杂条件渲染

image.png

image.png

React 基础

事件绑定

image.png

image.png

image.png

image.png

组件

image.png

逻辑处理

lodash image.png uuid & dayjs image.png

image.png

json-server axios

image.png

受控表单绑定

image.png

react中获取 DOM

image.png

样式

image.png

image.png

classnames 优化类名控制

image.png

组件通信

image.png

父子组件通信

image.png 父传子 props 可传递任意的数据 image.png children image.png 子传父

image.png

兄弟组件通信

image.png

image.png

image.png

跨层传递数据

image.png

image.png

image.png

image.png

# React Hook

useState

image.png

image.png state 直接修改无法引发试图更新 image.png

image.png

useRef

image.png

useEffect

image.png

image.png

image.png

image.png

image.png

image.png

自定义hook

image.png

image.png

image.png

image.png

react hooks 使用规则

image.png

React 视频

www.bilibili.com/video/BV1ZB…

avatar
文章
阅读
粉丝