摘要：1、Redux Toolkit Redux Toolkit是官方推荐的编写Redux的逻辑写法 简称RTK， 这工具是为了实现标准化逻辑，方便对redux进行简化管理 2、Redux Toolkit的安装 npm install @reduxjs/toolkit // 注意：这个工具简化的是操作，集 阅读全文

摘要：1、介绍 dva首先是基于redux和redux-saga的数据流方案，然后为了简化开发体验， dva还额外内置了react-router和fetch， 所以也可以理解为一个轻量级的应用框架 dva相当于集成了redux全家桶: redux， react-redux，react-router-dom 阅读全文

摘要：1、创建react + typescript项目 create-react-app project --template typescript 2、配置react的基础配置 安装craco依赖 因为react模板中webpack中的配置是隐藏的，虽然可以使用命令让指定的配置显示出来，但是会增加阅读和 阅读全文

摘要：1、react中样式声明方式 内联样式 import { PureComponent, ReactElement } from 'react'; class App extends PureComponent { public render(): ReactElement { return ( // 阅读全文

摘要：1、router的安装 在react中，router的使用需要依赖react-router-dom npm i react-router-dom 2、router的使用 路由有分两种模式 hash 模式： HashRouter history 模式： BrowserRouter 入门案例 使用rou 阅读全文

摘要：1、redux描述 Redux 是 JavaScript 状态容器，提供可预测化的状态管理， 学习网站 2、redux的基本使用 redux的三大原则： 单一数据源(只创建一个store) state是只读的 使用纯函数来执行修改 安装 npm i redux --save 初始化redux imp 阅读全文

摘要：1、useImperativeHandle的用法 当使用 useImperativeHandle 时，你通常会与 forwardRef 一起使用，以允许你暴露一些子组件内部的方法或属性，以便父组件可以直接访问。以下是一个使用 TypeScript 的例子，演示如何在子组件内使用 useImperat 阅读全文

摘要：1、react组件的封装 在进行react组件封装的时候，如果需要实现类似vue里的slot的功能，可以通过props.children来实现，通常来讲，props.children接收到的类型分成三种，String, Array, Object, undefined, 如果做具名插槽就需要做进一步 阅读全文

摘要：1、react在进行props的祥细配置 react在进行props祥细配置的时候，可以配置默认值，参数的类型，以及是否是一定要传 import {Component} from 'react' import reactDom from 'react-dom' import PropTypes fr 阅读全文

摘要：1、react脚手架的安装 npm i create-react-app -g 创建react项目 creact-react-app 文件名称 注意：在项目中的package.json中的react-script是creact-react-app的核心部件，可以自动构建项目 ， 以及编译，相当于we 阅读全文