1

リストがあり、いいえを表示する必要があります。リスト内の要素の。私は使用<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
4

1 に答える 1

3

'ACTIVE USERS ({userList, number})'の代わりに使用して修正できます'ACTIVE USERS ({userList})'

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

jsfiddle

于 2016-08-01T07:26:00.757 に答える