林夕HT

一、认识hook 这里概念取自coderwhy Hook 是 React 16.8 的新增特性，它可以让我们在不编写class的情况下使用state以及其他的React特性...

一、 Router的基本使用 React Router的版本4开始，路由不再集中在一个包中进行管理了： react-router是router的核心部分代码； react-...

createBrowserRouter 结合action，loader，element，errorElement，path，childern实现交互配置,路由嵌套 同时使用...

Redux Toolkit使用，手写react-redux中的 connect()函数，对store的使用解耦，Redux Toolkit的数据不可变性...

安装 使用 Provider 透传 Store★★★ 使用 <Provider> 组件包裹 <App> 组件，并将 Redux store 作为 prop 传递给 <Pro...

Redux使用三大核心理念 、原则 ；redux的核心包逻辑 @reduxjs/toolkit包的使用，react中使用redux包的演示示例综合使用...

一、编写方式★★★ 1.内联样式 内联样式是官方推荐的一种css样式的写法: style 接受一个采用小驼峰命名属性的 JavaScript 对象，而不是 CSS 字符串;...

React Transition Group (reactcommunity.org) 安装 Components取自官方示例 Transition CSSTransiti...

Portals createPortal(children, domNode, key?) 调用 createPortal 创建 portal，并传入 JSX 与实际渲染的...

什么是高阶函数 高阶函数的维基百科定义:至少满足以下条件之一: 接受一个或多个函数作为输入; 输出一个函数: 高阶组件 ★★★ 高阶组件（higherOrderCompon...

受控组件 ★★★ React 的 state 作为“唯一数据源”。 渲染表单元素的 React 组件控制着用户输入过程中表单发生的操作。 被 React 以这种方式控制取值...

createRef 主要用于 class 组件。而函数组件通常使用 useRef。 类组件获取方式 createRef 创建一个 ref 对象，该对象可以包含任意值。 cr...

React性能优化SCU 生命周期方法 shouldComponentUpdate(nextProps, nextState, nextContext)简称"SCU" 如果...

为什么使用setState 开发中我们并不能直接通过修改state的值来让界面发生更新： 因为我们修改了state之后，希望React根据最新的State来重新渲染界面，但...

1.React的组件化开发 将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，之后整个页面的管理和维护就变得非常容易 我们将一个完整的页面分成很多个...