ahooks 是一个 React Hooks 库，致力提供常用且高质量的 Hooks。

import React, { useReducer } from 'react'; const PathContext = React.createContext(); const pathReducer = (state, action) ...

验证模型验证允许你为模型的每个属性指定格式/内容/继承验证.验证会自动运行在 create , update 和 save 上. 你也可以调用 validate() 手...

在react做后台管理的时候，经常会使用到身份鉴权，例如管理员和普通用户的权限不一致，那么该如何判断那？第一步首先就是需要知道登陆的是...

import React, { Component } from 'react'; import { BrowserRouter as Router, Route, Link, Switch, Redirect } from 'reac...

React Hooks中父组件中调用子组件方法使用到的hooks-- useImperativeHandle，useRef/* child子组件 */ // https://reactjs.org/docs/hooks...

构建自己的Hook可以将组件逻辑提取到可重用的函数中。 function useSize() { const [size, setSize] = useState({ width: document.d...

react中memo指针的是一个组件是否重复渲染useMemo针对的是定义了一段函数逻辑是否重复执行useMemo和useEffect两者语法是一致的，两者区别是...

import React, { useState, useEffect, createContext, Component, memo, useContext } from 'react'; const CountContext = cre...

antd table 点击行触发radio 或 checkboxantd中的table点击触发radio选中，需要设置rowSelection中的selectedRowKeysimport React, { C...

使用的ui框架是antd，想实现axios请求拦截，实现数据请求前显示加载中，然后改造了一下antd的Spin组件import axios from 'axios'; ...

例如我们把路由拆开，然后某些路由需要用户登陆才能访问，否则就返回登陆页面//routerConfig 路由配置，authPath未登录返回的页面 Auth是否...

最近使用 create-react-app 脚手架搭建的react项目不支持 less ，但 antd 修改主题要用到less。当前版本: react:^16.10.0将配置文件...

HOOKS组件传值import React, { lazy, Component, createContext, useState, useContext, useEffect } from 'react'; var CountCon...

官方对于Context的定义简单说就是，当你不想在组件树中通过逐层传递props或者state的方式来传递数据时，可以使用Context来实现跨层级的组件...

React.lazyReact.lazy 函数能让你像渲染常规组件一样处理动态引入（的组件）。import React, { lazy, Suspense } from 'react'; f...

什么是Hooks？说简单点就是可以完全不用类来写组件了，那用什么写？函数。函数怎么使用state？使用userState函数。下面我们看看怎么用函数...

方式 一：通过params 1.路由表中 <Route path=&#39; /sort/:id &#39; component={Sort}></Route> 2.Link处 H...

一.它们几乎完全相同，但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate，某些情况下可以用PureComponent提升性能1....

第一步先安装mock.jsnpm install mockjs --save-dev第二步使用 mock.jsimport Mock from &#39;mockjs&#39;关键点1：Mock.mock()Mock.mock(...