react 国际化 路由

React 国际化可以通过第三方库 `react-intl` 来实现，而路由可以使用 `react-router-dom`。

对于国际化，你可以在组件中引入 `FormattedMessage` 组件，通过 `id` 来获取对应语言的文本。例子：

import { FormattedMessage } from 'react-intl';

function MyComponent() {
  return (
    <div>
      <FormattedMessage id="greeting" defaultMessage="Hello!" />
    </div>
  );
}

对于路由，你可以使用 `BrowserRouter` 或 `HashRouter` 来包裹你的组件，然后使用 `Route` 组件来定义路由。例子：

import { BrowserRouter, Route, Switch } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route path="/contact" component={Contact} />
      </Switch>
    </BrowserRouter>
  );
}

这样，在你的应用中就可以实现国际化和路由了。