三元表达式翻译与 i18next react js

Question

我是 React js 新手。我想为三元表达式中的文本创建键。

import {useTransaltion} from "react-i18next"
function dummy(){
const {t} = useTranslation();
<Typography color="white" variant="h4">
    {restartLoading ? <LinearProgress /> : "Restart"}
</Typography>

我怎么翻译“重启”..因为下面的代码给我一个错误：

<Typography color="white" variant="h4">
    {restartLoading ? <LinearProgress /> : {t("Restart")}}
</Typography>

{t("Restart")} ：此处出现错误：需要标识符。提前致谢。

Answer 1

我阅读了有关 react-i18next 的文档 https://react.i18next.com/ useTranslation 是一个类似 useState 的钩子所以使用这个： const { t, i18n } = useTranslation(); 不是： const {t} = useTranslation(); 和：不是：{t("重启")} 但是使用这个：{t("Restart")} 因为你必须定义标签：如果（条件）？某事<>:某事

Answer 2

在三元组里面定义一个就不需要再用花括号了，可以用javascript作为普通的单行

<Typography color="white" variant="h4">
    {restartLoading ? <LinearProgress /> : t("Restart")}
</Typography>

三元表达式翻译与 i18next react js

Ternary expression translation with i18next react js

i18next

reactjs