javascript 检查react-intl是否存在转换密钥
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 检查react-intl是否存在转换密钥相关的知识,希望对你有一定的参考价值。
import * as React from 'react';
import { injectIntl, FormattedHTMLMessage, FormattedMessage } from 'react-intl';
// Use injectIntl() to get the intl object
const renderTextField = injectIntl(({ intl, ...props }) => {
const {
endAdornment,
input,
meta: { touched, error },
} = props;
// Check if a translation key exists
const translationKeyExists = !!intl.messages[`${endAdornment}`];
let EndAdornment = null;
if (translationKeyExists) {
EndAdornment = (
<FormattedEndAdornment>
<FormattedMessage id={endAdornment} />
</FormattedEndAdornment>
);
} else {
EndAdornment = <FormattedEndAdornment>{endAdornment}</FormattedEndAdornment>;
}
return ( ... );
});
以上是关于javascript 检查react-intl是否存在转换密钥的主要内容,如果未能解决你的问题,请参考以下文章
javascript react-intl injectIntl装饰器
使来自 react-intl 的 FormattedMessage 中的 id 继承自自定义 TypeScript 接口以启用 VS IntelliSense 和类型检查
如何处理 React-Intl 消息的多次使用?
有没有办法使用 React-Intl 访问当前的语言环境?
用酶测试 react-intl 组件
尝试导入错误:“addLocaleData”未从“react-intl”导出