react

重定向 重定向需使用到组件Navigate Route中的element不设置组件，而设置别的已经设置好的Route的path，显示效果就是该path对应的组件。 子路由可以重定向到主路由，主路由中也

子路由配置 第1步在配置主路由的path属性后面加"/*" <Route path='/des/*' element={<Suspense><Des /></Suspense>}></Route> 第

路由跳转 路由跳转的方式是分为标签跳转和编程式跳转。 Link相当于超连接，它和a标签的区别是，Link不会刷新整个网站，只是切换路由页面渲染不同组件。而a标签会再次重新请求整个网站然后刷新网页，a标

路由环境集成 从版本的react-router6.x开始，路由彻底改变了，和以前的版本完全不兼容。react-router5还可以用于类组件，而react-router6版本只能用于函数组件且使用语法

useReducer 可以使用useReducer和useContext实现redux插件就可以统一管理组件状态的变换。 useReducer的使用 useReducer的使用和useState类似，

自定义Hook 官方提供的Hook可以放在函数组件中使用以及自定义的Hook函数中也可以使用，不能在类组件以及普通的事件函数中使用。 自定义Hook是一个函数，其名称以 “use” 开头，函数内部利用

props.children React中props 是组件对外的接口，props作为父子组件沟通的桥梁，为组件的通信和传值提供了重要手段。 props对象的属性与组件的属性一一对应，但其中有一个比较

Redux 状态管理器Redux可以方便的组织和管理组件之间的数据。 Redux是一个流行的JavaScript框架，为应用程序提供一个可预测的状态容器。Redux基于简化版本的Flux框架，Flux

useContext React中组件之间传递参数的方式是props，假如我们在父级组件中定义了某些状态，而这些状态需要在该组件深层次嵌套的子组件中被使用的话就需要将这些状态以props的形式层层传递

useMemo useMemo和useCallback的作用十分类似，只不过它允许你记住任何类型的变量（不只是函数）。传递一个值和依赖项，useMemo函数会返回一个值，只有在依赖项发生改变的时候，才

useCallback 我们在定义函数组件的时候时常在函数体内定义一些内嵌函数，这些内嵌函数会在组件每次重新渲染的时候被重新定义。以及如果它们作为props传递给子组件的话，即使其它props的值没有

useRef useRef初始值为传入的参数，它的返回值是一个ref对象，这个对象使用.current属性就是该数据的最新值。返回的 ref 对象在组件的整个生命周期内保持不变。它的作用和类组件中th

useEffect useEffect是用来使函数组件也可以进行副作用操作的React内置函数。 ps：所有的Hook只能在函数组件中使用，在自定义的事件函数以及类组件不能使用Hook。 什么是副作用

Hook React Hook就是一些React提供的内置函数，这些函数可以让函数组件和类组件一样能够拥有组件状态（state）以及进行副作用。但是不要什么业务都使用Hook请在合适的时候使用Hook

无用渲染 组件会有自己本地的状态(state), 当它们的值由于用户的操作而发生改变时，组件就会重新渲染。在项目中，一个组件可能会被频繁地进行渲染，这些渲染虽然有一小部分是必须的，不过大多数都是无用的

React 生命周期函数 组件的生命周期分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM React 为每个状态都提供了

React表单事件 在HTML中，表单元素与其他元素最大的不同是它自带值或数据，有表单元素就会有用户输入，就会有表单事件触发，就会涉及的数据处理。在React开发应用时，为了更好地管理应用中的数据，响

事件类型 使用React元素处理事件与处理DOM元素上的事件非常相似，但语法上有差异。 React事件使用小驼峰命名法，而不是全部小写命名。 React事件使用JSX传递一个函数作为事件处理程序，而不

React State React 的核心思想是组件化的思想，项目由组件搭建而成，而组件中最重要的概念是State（状态），State是一个组件渲染时的数据依据，在Vue2.0中就是数据源，Vue3.

React属性传值 React 的一大特点是单向数据流。React 中的每一个组件，都包含有一个属性（props），属性主要是从父组件传递给子组件的，在组件内部可以通过this.props获取属性对象