昨天簡單介紹了一下 locales 是什麼
今天來看看「react-intl」

react-intl

使用 react-intl 很簡單
npm 安裝好後，只要在 App 最外層加上「IntlProvider」
即可在整個 App 使用

在專案中，把 react-intl 包裝成一個 Context
名叫「LocaleProvider」，並在 Application 被調用

那他怎麼知道該用什麼語系呢？
在專案裡的「IntlProvider」帶了三個 props

• defaultLocale
  預設的語系，在專案中為「zh」中文
• locale
  使用的語系，在 LocaleProvider 中有 useEffect
  會抓取 localStorage 存的語系，且這個語系是系統所支持的
  才就會存入 currentLocale 中，並賦予給 LocaleProvider 的 locale
• messages
  會先抓取對應的語系翻譯檔後，存到 localeMessages，並被 messages 這個 prop 所使用

明天我們來看，在專案中翻譯的規範