使用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