在React应用程序中翻译404.html文件

我有一个React应用程序，它有一个index.html文件和一个bundle.js，其中包含应用程序的所有javascript。React应用程序使用React Intl进行本地化

如果我有一个404错误，我想显示一个404错误页面。我创建了一个静态404.html文件来显示错误消息

---

既然我所有的本地化逻辑都在bundle.js中的Index.html中，那么我该如何本地化静态404.html页面的文本呢？我是否需要为每种语言创建一个单独的404.html页面

与其使用静态html作为404错误页面，不如使用组件

<Route route="/" component={App}>
    <Route path=":area" component={Area}>
        <Route path=":city" component={City} />
        <Route path=":more-stuff" component={MoreStuff} />    
    </Route>
    <Route path="*" component={My404Component} />
</Route>

---

然后使用React Intl确保My404组件能够识别区域设置。

使用组件而不是使用静态html作为404错误页面

<Route route="/" component={App}>
    <Route path=":area" component={Area}>
        <Route path=":city" component={City} />
        <Route path=":more-stuff" component={MoreStuff} />    
    </Route>
    <Route path="*" component={My404Component} />
</Route>

然后使用React Intl确保my404组件是区域设置感知的