tangdou369098655的博客

Reducer 是处理状态的另一种方式。通俗来讲，就是可以让你的复杂组件更加干净，代码更加优雅当你的组件里有好多个状态更新逻辑，并且有些是有一定关联性的，写多个useState会看起来很杂乱，为解决这个问题，我们可以将多个状态更新逻辑整合到一个外部函数，这个函数就是reducer整合业务逻辑。

使用 React，你不用直接从代码层面修改 UI。举个栗子哇，不用编写诸如“禁用按钮”、“启用按钮”、“显示成功消息”等命令。相反，你只需要描述组件在不同状态（“初始状态”、“输入状态”、“成功状态”）下希望展现的 UI，然后根据用户输入触发状态更改。

使用 React 可以在 JSX 中添加 事件处理函数。其中事件处理函数为自定义函数，它将在响应交互（如点击、悬停、表单输入框获得焦点等）时触发。

在 React 中，随时间变化的数据被称为状态（state）。你可以向任何组件添加状态，并按需进行更新。

React 是用于构建 Web 和原生交互界面的库React 用组件创建用户界面通俗来讲：是一个将数据渲染为HTML视图的开源JS库

用于构建 Web 和原生交互界面的库React 用组件创建用户界面是一个将数据渲染为HTML视图的开源JS库执行顺序->或者->render->

从0开始搭建一个react项目1.安装脚手架npm install -g create-react-app2.创建项目D: //进入D盘mkdir ReactDemo //创建ReactDemo文件夹create-react-app demo01 //用脚手架创建React项目cd demo01 //等创建完成后，进入项目目录npm start //预览项目，如果能正常打开，说明项目创建成功如果你电脑出现这种提示D:\ReactDemo> create-re