如何在切换按钮的帮助下将我的反应应用程序从英语转换为阿拉伯语

Question

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

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>