umi多语言 | 国际化 踩坑

文件：src/locales/zh-CN.ts

export default {
    message: '明天我就找个女朋友',
}

一、 适合在组件中使用的方法

1. 函数调用的形式

import { useIntl } from 'umi';


const FormatMessage = () => {
    const { formatMessage } = useIntl();

    return <div>{formatMessage({ id: 'message' })}</div>
}

export default ForMatMessage;

2. 组件的形式

import { FormattedMessage } from 'umi'

const ForMatMessage = () => {
    
    return <div>
        <FormattedMessage id='message' />
    </div>;
}

export default ForMatMessage;

二、 在js | ts文件中 调用 （非组件可以用）

import { getIntl } from 'umi'

const func = () => {
    // 在需要国际化的地方

    // return { format：'这里的文字需要做国际化' }

    return { format: getIntl().formatmessage({ id: 'message' }) }
}