我如何在reactJS应用中的mobx存储中访问intl.formatMessage（）？]

Question

我有两个名称分别为'en.json'

和'fr.json'的JSON文件，其中包含所有翻译。

en.json

{ "General.LearnMore": "Learn More" }

我有一个mobx存储（.ts文件），并且我想访问该类中的intl.formatMessage()。

在功能组件中更容易。我可以使用useIntl()挂钩，但是如何在存储文件（非组件）中执行同样的操作。

当我在存储文件中编写以下代码时：

const messages = defineMessages({
  SMS: {
    id: 'General.LearnMore',
  },
});

const cache = createIntlCache();
const locale = localStorage.getItem('locale')!;
const intl = createIntl({ locale, messages: {} }, cache);
console.log(intl.formatMessage({ id: 'General.select' }));
console.log(intl.formatMessage({ id: messages.sms.id }));
它给出此错误：

我所缺少的，如何解决？请帮忙！

我有两个JSON文件，名称分别为'en.json'和'fr.json'，具有所有翻译。 en.json {“ General.LearnMore”：“了解更多”}我有一个mobx商店（.ts文件），我想访问int ....

Answer 1

在createIntl中，您将一个空对象传递给messages，因此intl找不到ID。