# Strapi 5 使用 React Router DOM 6

> Source: https://strapi.nodejs.cn/cms/migration/v4-to-v5/breaking-changes/react-router-dom-6

🌐 Strapi uses `react-router-dom` v6

Strapi 5 升级到 `react-router-dom` v6，要求通过管理面板 API 添加的设置和菜单链接使用相对路径而不是绝对路径。

🌐 Strapi 5 upgrades to `react-router-dom` v6, requiring settings and menu links added via the Admin Panel API to use relative paths instead of absolute paths.

Strapi 5 使用 [`react-router-dom`](https://www.npmjs.com/package/react-router-dom) v6。这影响了使用管理面板 API 添加到 [settings](/cms/plugins-development/admin-navigation-settings#settings) 或 [menu](/cms/plugins-development/admin-navigation-settings#navigation-sidebar-menu-links) 的链接。

🌐 Strapi 5 uses [`react-router-dom`](https://www.npmjs.com/package/react-router-dom) v6. This impacts the links added to [settings](/cms/plugins-development/admin-navigation-settings#settings) or to the [menu](/cms/plugins-development/admin-navigation-settings#navigation-sidebar-menu-links) using the Admin Panel API.

此页面是[重大更改数据库](/cms/migration/v4-to-v5/breaking-changes)的一部分，提供关于重大更改的信息以及从 Strapi v4 迁移到 Strapi 5 的附加说明。

🌐 This page is part of the [breaking changes database](/cms/migration/v4-to-v5/breaking-changes) and provides information about the breaking change and additional instructions to migrate from Strapi v4 to Strapi 5.

- Is this breaking change affecting plugins? Yes
- Is this breaking change automatically handled by a codemod? Yes
  - Codemod: [dependency-upgrade-react-router-dom](https://github.com/strapi/strapi/blob/develop/packages/utils/upgrade/resources/codemods/5.0.0/dependency-upgrade-react-router-dom.json.ts)

## 重大变更描述 {#breaking-change-description}

🌐 Breaking change description

**在 Strapi v4 中**

- Strapi v4 使用 react-router-dom v5。
- 在添加设置或菜单链接时，`to` 属性是绝对路径。

**在 Strapi 5 中**

- Strapi v5 使用 react-router-dom v6。
- 在添加设置或菜单链接时，`to` 属性现在应该是**相对路径**。

## 迁移 {#migration}

🌐 Migration

本节重新组合了有关引入的重大更改的有用说明和程序。

🌐 This section regroups useful notes and procedures about the introduced breaking change.

### 注意 {#notes}

🌐 Notes

- 官方的 React Router 文档解释了 [how to upgrade from v5](https://reactrouter.com/en/main/upgrading/v5)。
- 菜单或设置链接的绝对路径仍受支持，但应产生警告。

### 手动操作 {#manual-procedure}

🌐 Manual procedure

这个重大更改应该由 codemod 处理（参见 [full list of 5.0.0 codemods](https://github.com/strapi/strapi/tree/develop/packages/utils/upgrade/resources/codemods/5.0.0)）。
确保通过管理员面板 API 添加到 [设置](/cms/plugins-development/admin-navigation-settings#settings) 或 [菜单](/cms/plugins-development/admin-navigation-settings#navigation-sidebar-menu-links) 链接的链接使用相对路径。