大龙帅的博客

一、useContetxtreact父组件传值给子组件，可以直接在组件上传值。如果有多个子组件或者还带有孙子组件，那么普通传值就会很繁琐，useContext能够实现组件状态的穿透父组件创建一个 context 状态，我这里用 ts 给了个类型，没用到 ts 可以忽略import { createContext, useState, useContext } from 'react';type ContextType = { count: number};const ConfigCon

一、useStatereact 函数式组件的状态import { useState, useEffect } from 'react';import { Button } from 'antd';const StateDemo = () => { const [count, setCount] = useState<number>(0); return ( <div> <p>count: { count }</p&g

一、基础路由项目根目录下新建文件夹：config/routes.tsx （umi约定，位置不能错，不然引入会报错）routes.tsximport type { IRoute } from 'umi';const routes: IRoute[] = [ { path: '/', component: '@/pages/index' }];export default routes;.umirc.ts这个文件内引入简单介绍下这个文件：umi的配置文件，参考官方文档impo

一. 创建项目新建一个项目空目录，随便取一个名字：umi-react打开命令行，执行：yarn create @umijs/umi-app安装依赖，执行：yarn运行项目：执行：yarn start