摘要：
一、项目搭建 基于CRA创建项目：CRA是一个底层基于webpack快速创建React项目的脚手架工具 # 使用npx创建项目 npx create-react-app react-jike # 进入到项 cd react-jike # 启动项目 npm start 按照业务规范整理项目目录（重点S 阅读全文
posted @ 2026-09-17 11:20
周文豪
阅读(7)
评论(0)
推荐(0)
摘要：
一、useReducer 作用: 和useState的作用类似，用来管理相对复杂的状态数据，让 React 管理多个相对关联的状态数据 在实际开发中不是非用不可的hook，可以有选择的对它进行使用 useReducer-基础用法 1.定义一个reducer函数（根据不同的action返回不同的新状态 阅读全文
posted @ 2026-09-17 11:20
周文豪
阅读(5)
评论(0)
推荐(0)
摘要：
一、react框架为什么要和typescript配合使用 React 和 TypeScript 配合使用，本质上是因为 React 的组件化模型天然有大量"接口"需要被描述，而 TypeScript 恰好擅长描述接口。下面从几个层面说明。 1、React 的 props 就是天然的接口 React 阅读全文
posted @ 2026-09-17 11:20
周文豪
阅读(5)
评论(0)
推荐(0)
摘要：
一、路由快速上手 1、什么是前端路由 一个路径 path 对应一个组件 component 当我们在浏览器中访问一个 path 的时候，path 对应的组件会在页面中进行渲染 2、创建路由开发环境 # 使用CRA创建项目 npx create-react-app react-router-pro c 阅读全文
posted @ 2026-09-17 11:19
周文豪
阅读(5)
评论(0)
推荐(0)
摘要：
一、Redux介绍 Redux 是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行 作用：通过集中管理的方式管理应用的状态 左边为用Redux组件之前，组件之间的通信是非常混乱的。用了Redux之后，多了一个Store，它独立于整个组件树，任何一个组件都 阅读全文
posted @ 2026-09-17 11:19
周文豪
阅读(5)
评论(0)
推荐(0)
摘要：
React最新企业标准技术栈(React18+Redux+ ReactRouter +AntD)，React+TypeScript(为大型项目奠定基础) 一、React介绍 React由Meta公司开发，是一个用于 构建Web和原生交互界面(IOS和Android上面的APP)的库 1、React的 阅读全文
posted @ 2026-09-17 11:19
周文豪
阅读(5)
评论(0)
推荐(0)
浙公网安备 33010602011771号