react-intl中的FormattedNumber如果在chrome中为负数，则不会将货币换行到圆括号

Question

当我使用FormattedNumber中的react-intl来格式化货币时，它不会格式化负货币金额以在铬币中围绕货币设置括号。

它在Internet Explorer中有效，但在Chrome和Mozilla Firefox中无效。

<FormattedNumber  
                        style='currency'
                        currency='USD'
                        minimumFractionDigits={2}
                        maximumFractionDigits={2}
                        value={-100.100}/>

  

IE中的输出 - ＆gt; （$ 100.10）

     

Chrome中的输出 - ＆gt; - $ 100.10

Chrome / Firefox中是否有任何选项（$ 100.10）。

Answer 1

react-intl在后​​台使用Intl.NumberFormat。它具有一个currencySign选项，可以是standard或accounting。将其设置为accounting可以将括号用于负值。使用FormattedNumber组件：

<FormattedNumber  
  style='currency'
  currency='USD'
  currencySign='accounting'
  minimumFractionDigits={2}
  maximumFractionDigits={2}
  value={-100.100}
/>