我正在使用 `react-i18next` 进行翻译，我需要为字符串的某个部分赋予样式，我该怎么做？
I am using `react-i18next` for translation and I need to give style to a certain part of string, how can I do that?
我的 en.json 文件 "outOf100": "{{val}} out of 100" 中有这个字符串，我在 JSX 中像这样使用它 {t('outOf100', {val: <h6>22.45</h6>})}。
任何人都可以告诉我如何使 val 看起来像 h6 而字符串的所有其他部分正常。
您需要使用 Trans 组件来格式化带有不同 HTML 标签的字符串。它看起来像这样：
//inside React-component
return (
<Trans i18nKey="outOf100">
<h6>{{val}}</h6> out of 100.
</Trans>
);
//in en.json
"outOf100": "<0>{{val}}</0> out of 100"
有关Trans组件的更多信息，请see the docs.
我的 en.json 文件 "outOf100": "{{val}} out of 100" 中有这个字符串，我在 JSX 中像这样使用它 {t('outOf100', {val: <h6>22.45</h6>})}。
任何人都可以告诉我如何使 val 看起来像 h6 而字符串的所有其他部分正常。
您需要使用 Trans 组件来格式化带有不同 HTML 标签的字符串。它看起来像这样：
//inside React-component
return (
<Trans i18nKey="outOf100">
<h6>{{val}}</h6> out of 100.
</Trans>
);
//in en.json
"outOf100": "<0>{{val}}</0> out of 100"
有关Trans组件的更多信息，请see the docs.