reactjs - 如何借助切换按钮将我的 React 应用程序从英语转换为阿拉伯语

Question

我需要我的 React 应用程序将所有 Web 内容从英语转换为阿拉伯语。应该借助将英语转换为阿拉伯语的切换按钮来完成。

标签： reactjsreact-redux

Answer 1

你可以像这样创建 json 文件。

const LANG = {
  "DE": {
      hello: 'Hallo'
   },
   "EN": {
      hello: 'Hello'
   },
   "FA": {
   hello: "سلام"
   }
}


let currnetLang = "EN";


const handleLang = () => {
 currnetLang = ( currnetLang === "EN") ? "DE" : "EN";
}

const setLang = lang => {
  currnetLang = lang;
}

<button type="button" onClick={handleLang}>Toggle Lang</button>
<button type="button" onClick={setLang} name="EN">EN</button>
<button type="button" onClick={setLang} name="FA">FA</button>
<button type="button" onClick={setLang} name="DE">DE</button>


<p>Current Language is {LANG[currnetLang]}</p>
<p>{LANG[currnetLang].hello} username </p>