# React-Router-Dom 6
* 安装
```bash
npm i react-router-dom@6
```
* 导入
```jsx
import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import App from "./App";
const root = ReactDOM.createRoot(
document.getElementById("root")
);
root.render(
);
```
* 简单链接
```jsx
import { Link } from "react-router-dom";
export default function App() {
return (
Bookkeeper
);
}
```
Link正在更改URL而不会导致整个页面重新加载。
* 链接点
```jsx
import ReactDOM from "react-dom/client";
import {
BrowserRouter,
Routes,
Route,
} from "react-router-dom";
import App from "./App";
import Expenses from "./routes/expenses";
import Invoices from "./routes/invoices";
const root = ReactDOM.createRoot(
document.getElementById("root")
);
root.render(
} />
} />
} />
);
```
* 嵌套路由
```jsx
root.render(
}>
} />
} />
);
```
* 找不到的页面
```jsx
}>
} />
} />
There's nothing here!
}
/>
```
* 传参
```
let params = useParams();
let invoice = getInvoice(parseInt(params.invoiceId, 10));
```