React-intl：FormattedMessage 不会显示 0 但会显示任何数字

Question

我有一个列表，我需要显示没有。列表中的元素。我使用 <FormattedMessage> 并且一切正常，但是当列表大小为 0 时，<FormattedMessage> 不显示任何内容。它适用于负数（如果我对其进行硬编码）和正数（如果列表有成员），但如果为 0，则不显示任何内容。

import React, { Component } from 'react'
import {FormattedMessage} from 'react-intl'

class List extends Component {

  render() {

    let userNumber=0;
    if(this.props.list.get('users').size > 0){
      userNumber = this.props.list.get('users').size;
    }
    else{
      userNumber = 0;
    }

    console.log(userNumber)
    console.log(typeof userNumber)
    return (
          <FormattedMessage
            id = 'active-users'
            description = 'ACTIVE USERS'
            defaultMessage = 'ACTIVE USERS ({userList})'
            values = {{
              userList: userNumber
            }}
          />
      )
  }
}

export default List

Answer 1

您可以使用 'ACTIVE USERS ({userList, number})' 而不是 'ACTIVE USERS ({userList})'

来解决这个问题

<FormattedMessage
        id = 'active-users'
        description = 'ACTIVE USERS'
        defaultMessage = 'ACTIVE USERS ({userList, number})'
        values = {{
          userList: userNumber
 }}/>

jsfiddle

React-intl：FormattedMessage 不会显示 0 但会显示任何数字

React-intl: FormttedMessage wont display 0 but it will display any number

reactjs

redux

react-intl