React组件基础的样式控制有俩种方式，行内样式和class类名控制 示例代码App.css .my-style { color: blue; } App.js import "./App.css";…

react事件绑定 React中的事件绑定，通过语法 on + 事件名称 = { 事件处理程序 }，整体上遵循驼峰命名法 基础实现 不传递任何参数，只调用相关方法 function App() { c…

组件通信就是 组件之间的数据传递 , 根据组件嵌套关系的不同，有不同的通信手段和方法。 A-B 父子通信 B-C 兄弟通信 A-E 跨层通信 父传子 父组件传递数据 - 在子组件标签上绑定属性 子组件…

概念 一个组件就是一个用户界面的一部分，它可以有自己的逻辑和外观，组件之间可以互相嵌套，也可以服用多次。 基础使用 在React中，一个组件就是首字母大写的函数，内部存放了组件的逻辑和视图UI, 渲染…

Redux介绍 Redux 是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态 Redux结构 为了职责清晰，Red…

组件中获取参数 import { useParams } from 'react-router-dom'; function MyComponent() { const params = usePar…

介绍 useEffect是一个React Hook函数，用于在React组件中创建不是由事件引起而是由渲染本身引起的操作（副作用）, 比 如发送AJAX请求，更改DOM等等。 说明：上面的组件中没有发…

useState 是一个 React Hook（函数），它允许我们向组件添加一个状态变量, 从而控制影响组件的渲染结果和普通JS变量不同的是，状态变量一旦发生变化组件的视图UI也会跟着变化（数据驱动视…

嵌套路由的概念 在一级路由中又内嵌了其他路由，这种关系就叫做嵌套路由，嵌套至一级路由内的路由又称作 二级路由，例如： 嵌套路由配置 实现步骤 使用 children属性配置路由嵌套关系 使用 <…

安装 运行命令： npm i react-router-dom 快速开始示例代码 src/router/index.tsx import { createBrowserRouter } from "r…