如何通过 api 调用在 react js 中添加多语言支持？

Question

我正在尝试在我的 ReactJS 网站中添加多语言支持，挑战在于它必须通过调用 api 来完成。每当用户选择一种语言时，都会使用用户选择的值进行 api 调用。我有将近10个api需要同时触发

我的语言环境语言变量

import enLang from './entries/en_US';
import daLang from './entries/da_DK';

const AppLocale = {
  en: enLang,
  da: daLang,
 
};
export default AppLocale;

[]

Answer 1

假设您不询问语言翻译，条目 return javascript 对象或数组。

使用select更改语言的简单演示是这样的。

import enLang from './entries/en_US';
import daLang from './entries/da_DK';
const Component = () => {

   const [language, setLanguage] = useState(en);



  return (
<div>
  <select name="language" onChange={(e) => setLanguage(e.target.value)}>
      <option value="en">DA</option>
      <option value="en">EN</option>
  </select>
<pre>{ JSON.stringify(language, null, 4) }</pre>
</div>
)
}

如何通过 api 调用在 react js 中添加多语言支持？

How to add a multilingual support in react js with api call?

reactjs

api

multilingual