如何解决使用gatsby-plugin-intl的Gatsby语言本地化Mdx文件
我正在尝试使用gatsby-plugin-intl本地化页面。如下所述,.js文件没有问题,但是对于.mdx文件应该如何制作?
import React from "react"
import { FormattedMessage,injectIntl,navigate } from "gatsby-plugin-intl"
const MyPage = ( {intl} ) => (
<Layout>
<h2><FormattedMessage id="TITLE"/></h2>
</Layout>
)
export default injectIntl(MyPage)
我正在尝试在这里做出类似的逻辑:
---
name: Settings
route: /documentation/settings
---
import { Playground,Props } from 'docz'
import { useIntl,Link,FormattedMessage } from "gatsby-plugin-intl"
const intl = useIntl()
## Settings
intl.formatMessage({ id: "TITLE"})
解决方法
每个人都认为正确,但您的mdx文件有错误
const intl = useIntl()
使用FormattedMessage组件代替消息 例子
<FormattedMessage id="TITLE" />
或您的组件
<Yourcomponents title={useIntl().formatMessage({ id: "TITLE" })} />
不要使用const
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。