注册reduxForm后，react-intl FormattedMessage未更新

Question

向reduxForm注册组件后，react-intl FormattedMessages在以下状态的区域设置更改后不会更新：

import React from 'react';
import { reduxForm } from 'react-redux-form';
import { Form } from 'reactstrap';
import { FormattedMessage } from 'react-intl';

const ExampleForm = ({ handleSubmit }) => (
  <Form onSubmit={handleSubmit}>
    <h2>
      <FormattedMessage id="example.title" />
    </h2>
    ...
  </Form>
);

// When added reduxForm FormattedMessages are not displaying
// correct translation after language locale change through reducer
export default reduxForm({
  form: 'example',
})(ExampleForm);

// If I I am using without reduxForm everything works correctly
// export default ExampleForm;

有没有人有这方面的经验？对我来说，它们只有在我离开路由并返回时才会更新，或者只是刷新页面，当然是因为我在actions中将区域设置写入localStorage，并在存储初始化中读取它。

Lib版本：

"react": "^16.3.2",
"redux": "^4.0.0",
"react-redux": "^5.0.7",
"redux-form": "^7.3.0",
"react-intl": "^2.4.0",
"react-intl-redux": "^0.7.0",

Answer 1

包装reduxForm需要injectIntl

import { FormattedMessage, injectIntl } from 'react-intl';

export default injectIntl(reduxForm({
  form: 'example',
})(ExampleForm));