创建项目
Tutorial: ReactTS案例
Category: React
Published: 2026-04-07 13:58:26
Views: 20
Likes: 0
Comments: 0
- 创建项目
npx create-react-app react-admin --template typescript
npm i axios
npm i antd
npm i @reduxjs/toolkit react-redux
npm i react-router-dom
npm add sass
npm i react-highlight-words
npm i --save-dev @types/react-highlight-words
- 删除多余文件
$ ls -R src/
src/:
App.tsx index.tsx logo.svg react-app-env.d.ts
- 引入 Router
import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter as Router } from "react-router-dom";
import App from "./App";
const root = ReactDOM.createRoot(
document.getElementById("root") as HTMLElement
);
root.render(
<Router>
<App />
</Router>
);