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”导出