目标配置:React + Hook + React-router-v6 + Mobx + AntD; 1.创建项目 npxnpx create-react-app 项目名称 2.安装sass环境,react默认配置了sass环境,所以只需要下载就可以使用,当然你也可以选择less,选择less就需要自己配置环境了 yarn add sass 3.安装react-router-dom ,默认安装的就是v6版本,最好使用yarn,...
react-router-dom和react-router的区别,可以简单的看看这个文章:https://juejin.im/post/6844903909698306056 一般情况下,安装react-router-dom就好: yarn addreact-router-domyarn add @types/react-router-dom -D //ts项目需要 验证安装一下,先搞两个页面:Login.tsx和Home.tsx 代码如下: //Login.tsx import {...
// spug_web/package.json{"name":"spug_web","version":"3.0.0","private":true,"dependencies": {"@ant-design/icons":"^4.3.0","ace-builds":"^1.4.13","antd":"^4.10.3","axios":"^0.21.0","bizcharts":"^3.5.9","history":"^4.10.1","lodash":"^4.17.19","mobx":"^5.15.6...
import{Button}from'antd'; +import'antd/dist/antd.css' 1. 2. 下面我们要做的就是是:按需引入 css。 Tip:类似这种需求,由于高度集成,所以怎么做通常不能自己去像,需要看对应的文档。 注:目前 antd 文档是 4.x,我们可以看 3.x 的文档,因为旧的内容或许更详细、亦或不同...
react-routerprompthacktoberfestreact-promptreact-router-v6react-router-dom-v6 UpdatedJan 13, 2025 TypeScript A Front-End Project with Typescript/Antd. webpack5+react-router5+antd+typescript5+grahql+jwt+hooks reactgraphqlhooksjwttypescriptpwaeslintmobxantdreact-hooksusereducerwebpack5react-router-v6...
Mobx (统一状态管理) React Router (路由) Antd (UI框架) ECharts (常规图表框架) Mock.js (模拟数据服务) Babel (ES6/7代码转译浏览器可执行) Webpack (打包工具) React Amap (高德地图) Visjs (拓扑图) 目录结构 .├── config # webpack 配置目录├── res # 静态文件目录└── src # 前端源...
创建React组件 首先，我们需要创建一个React组件，用于包裹D3.js的可视化代码。这个组件应该有一个接收...
10、npm install antd-mobile 11、引用 e.g:import { Button } from 'antd-mobile'; 12、配置路由:npm i react-router-dom 13、npm install axios 14、配置跨域:npm install http-proxy-middleware 在src目录创建一个setupProxy.js文件 const { createProxyMiddleware } = require('http-proxy-middleware');...
基于react、react-router、mobx、antd、typescript开发的一个脚手架。 展开 收起 暂无标签 http://evolify.oschina.io/demo/react-mobx-ts/#/ TypeScript 等3 种语言 Apache-2.0 保存更改 取消 发行版 暂无发行版 react-mobx-ts-antd 开源评估指数 生产力 创新力 稳健性 协作 贡献者 软件 贡...
然后在项目根目录创建一个 craco.config.js 用于修改默认配置。antd按需加载以及自定义主题 重新打包就可以了， 所有的主题配置在这里噢 这里利用React-router做路由，同时也会根据用户角色，做权限处理；只有当角色和路由允许的角色一致时才可以访问和展示。新建router下新建indext.tsx 用于渲染页面 引入...