reactjs - 如何使用 React、React Intl 和 Redux 翻译操作中的 (i18n) 错误消息？

Question

我有一个 performLogin 操作，它会触发 API 并尝试使用提供的凭据对用户进行身份验证。此 API 调用可能会导致错误。她就是我的行动:

export const performLogin = (email: string, password: string) => {
    return (dispatch) => {
        UsersAPI.login(email, password).then(response => {
            // [..]
        }).catch(error => {
            const definedError: Error = defaultError;
            switch (error.response.status) {
                case 401:
                    definedError.message = 'Invalid email or password';
                    break;
                default:
                    definedError.message = error.message;
            }
            dispatch(displayError(definedError));
        });
    };
};

我的问题是，如何国际化无效的电子邮件或密码？

我正在使用React Intl所以我在组件中有 i18n 的基础设施。我的想法是定义一个错误类型，在操作中设置它，然后让登录组件或全局错误组件决定应该显示哪个错误。

React-Redux 的方法是什么？

Answer 1

您为什么要尝试实际翻译消息？只需将错误 key 保存在存储中并将其通过 props 传递给 component 并在渲染时使用 FormattedMessage 对其进行翻译。