
获得徽章 8
赞了这篇文章
赞了这篇文章
赞了这篇沸点
## React快速上手
来自官方文档: 每天都会用到的、80%的核心概念
- 组件(component), react是由组件构成的, 一个函数就是一个组件(返回markup的函数); 组件必须以大写字母开头, MyButton, html的标记以小写开头
- JSX: 是一种语法, 在js代码里写html
- 样式: `className`属性, 等同于html的`class`
- 展示数据: 花括号里写js表达式
- 条件编译
- if..else写法
- `?:`表达时写法
- `&&`写法, 适用于没有else的情况
- 渲染列表: array.map方法, 数组的每个元素是一个标记
- 响应事件: `onClick={handleClick}`的handleClick后面没有括号;
- 更新显示: useState语法, 返回state变量和设置state的函数;
- Hooks: 以 `use` 开头的函数称为 Hooks
- 组件之间共享数据: 把state放到共同的父组件里去, 把state和回调函数作为`props`传给子组件
来自官方文档: 每天都会用到的、80%的核心概念
- 组件(component), react是由组件构成的, 一个函数就是一个组件(返回markup的函数); 组件必须以大写字母开头, MyButton, html的标记以小写开头
- JSX: 是一种语法, 在js代码里写html
- 样式: `className`属性, 等同于html的`class`
- 展示数据: 花括号里写js表达式
- 条件编译
- if..else写法
- `?:`表达时写法
- `&&`写法, 适用于没有else的情况
- 渲染列表: array.map方法, 数组的每个元素是一个标记
- 响应事件: `onClick={handleClick}`的handleClick后面没有括号;
- 更新显示: useState语法, 返回state变量和设置state的函数;
- Hooks: 以 `use` 开头的函数称为 Hooks
- 组件之间共享数据: 把state放到共同的父组件里去, 把state和回调函数作为`props`传给子组件
展开
评论
1