React-intl: FormttedMessage不会显示0，但会显示任意数字

React-intl是一个用于国际化和本地化React应用程序的库。它提供了一些组件和工具，用于在React应用程序中实现多语言支持。

在React-intl中，FormattedMessage组件用于格式化和显示本地化的文本消息。它可以根据提供的消息ID和参数来渲染相应的文本。

然而，有时候当使用FormattedMessage组件来显示数字时，可能会遇到一个问题：当传递给FormattedMessage的数字为0时，它不会显示任何内容。这是因为React-intl默认情况下会将0视为一个空字符串，而不是一个有效的数字。

为了解决这个问题，可以使用formatNumber函数来显式地格式化数字。formatNumber函数是React-intl提供的一个工具函数，用于格式化数字并根据本地化规则进行显示。

下面是一个示例代码，演示了如何使用formatNumber函数来解决FormattedMessage不显示0的问题：

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

const MyComponent = () => {
  const number = 0;
  const formattedNumber = formatNumber(number);

  return (
    <div>
      <FormattedMessage
        id="app.number"
        defaultMessage="The number is {formattedNumber}"
        values={{ formattedNumber }}
      />
    </div>
  );
};

在上面的示例中，我们首先导入了formatNumber函数和FormattedMessage组件。然后，我们定义了一个变量number并将其设置为0。接下来，我们使用formatNumber函数将number格式化为一个字符串，并将其赋值给formattedNumber变量。

最后，我们在FormattedMessage组件中使用formattedNumber变量作为参数来显示格式化后的数字。通过这种方式，我们可以确保FormattedMessage组件能够正确地显示0。

对于React-intl的更多信息和使用方法，你可以参考腾讯云的国际化文档：React-intl国际化。