创建项目

Tutorial: ReactTS案例 Category: React Published: 2026-04-07 13:58:26 Views: 20 Likes: 0 Comments: 0
  1. 创建项目
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
  1. 删除多余文件
$ ls -R src/
src/:
App.tsx  index.tsx  logo.svg  react-app-env.d.ts
  1. 引入 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>
);
Prev: None Next: 实现登陆