React Router 的 i18n 国际化

简介

在 React Router 应用中实现国际化，需要处理支持多语言的路由、内容加载和格式化。React Router v7 提供了嵌套路由、loader 和 action，这些功能可以与 i18n 模式自然集成。本指南将介绍如何通过这些模式构建支持多语言的 React Router 应用，兼容客户端和服务端渲染。

该方法以基于 URL 的语言分段为核心，使每种语言版本都拥有可分享的独立 URL。Loader 用于获取特定语言的内容，组件则根据用户偏好进行数据格式化。

后续步骤

浏览侧边栏，按主题查阅各类指南。每个指南都包含问题描述、解决方案和详细的实现步骤。

建议先从基于语言的路由结构入手，搭建 URL 体系，然后再学习如何加载翻译和进行格式化。所有指南均基于 React Router v7，支持文件路由或配置路由。