javascript - Is there any reason to use useIntl hook in react-intl v3.x? - Stack Overflow

admin管理员组

文章数量:1391969

We recently updated react-intl from version 2.x to 3.3.2, which meant that we could remove the injectIntl HOC in all files that used any of the format-functions.

Now in v3, we create the intl instance in a separate module and wrap our app in a RawIntlProvider that we provide with this intl object.

Is there any reason to use the useIntl hook provided by react-intl instead of just importing the intl object straight from our created module?

// useIntl hook
const Component = () => {
  const intl = useIntl();
  intl.formatMessage({});
};

//How we use it atm.
import intl from 'utils/intl';
const Component = () => {
  intl.formatMessage({});
};

We recently updated react-intl from version 2.x to 3.3.2, which meant that we could remove the injectIntl HOC in all files that used any of the format-functions.

Now in v3, we create the intl instance in a separate module and wrap our app in a RawIntlProvider that we provide with this intl object.

Is there any reason to use the useIntl hook provided by react-intl instead of just importing the intl object straight from our created module?

// useIntl hook
const Component = () => {
  const intl = useIntl();
  intl.formatMessage({});
};

//How we use it atm.
import intl from 'utils/intl';
const Component = () => {
  intl.formatMessage({});
};

• javascript
• reactjs
• typescript
• react-intl

Share Improve this question Follow asked Oct 21, 2019 at 10:29 user2878848user2878848 4311 gold badge11 silver badge33 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

If we read the documentation react-intl, only benefit of using it by importing is when you want to customized the hooks. Otherwise the way you are using it I don't see any problems.

本文标签： javascriptIs there any reason to use useIntl hook in reactintl v3xStack Overflow