React 基础

📄️ 启动一个新项目

1. VITE

1. 创建组件

React 可以改变你对可见设计和应用构建的思考。

纯函数

响应事件

- 组件通常需要根据交互更改屏幕上显示的内容。

- state 中可以保存任意类型的 JavaScript 值，包括对象。

- 数组是另外一种可以存储在 state 中的 JavaScript 对象，它虽然是可变的，但是却应该被视为不可变。

- 对于拥有许多状态更新逻辑的组件来说，过于分散的事件处理程序可能会令人不知所措。

- 通常，通过 props 从父组件向子组件传递参数。

使用 Reducer 和 Context 拓展应用

1. 希望组件“记住”某些信息。

- 由于 React 会自动处理更新 DOM 以匹配你的渲染输出，因此你在组件中通常不需要操作 DOM。

- 有些组件需要与外部系统同步。

- Effect 是 React 范式中的一个逃脱方案。

- Effect 与组件有不同的生命周期。

- 事件处理函数只有在你再次执行同样的交互时才会重新运行。

- 当编写 Effect 时，linter 会验证是否已经将 Effect 读取的每一个响应式值（如 props 和 state）包含在 Effect 的依赖中。

- React 有一些内置 Hook，例如 useState，useContext 和 useEffect。

接收的参数