具有Redux-Form

时间:2017-01-30 11:46:00

标签: reactjs material-ui redux-form

我正在使用Material-UI SelectField来选择年龄。对于婴儿,这意味着MenuItemvalue={0}key={0}。问题:MenuItem

中没有显示零

enter image description here

似乎Redux表单也没有值,因为required验证被触发:

enter image description here

更奇怪的是,我用react-intl

将这些值国际化了
  listAges = (personType, ageFrom, ageTo ) => {
    var items = [];
    _.range(ageFrom.get(personType.code), ageTo.get(personType.code)).forEach(function(age) {
      var text = <FormattedMessage
                    id="personType.years"
                    defaultMessage={`{ age, plural, =0 {{age} años} one {{age} año} other {{age} años} } `}
                    values={{ age: age }}
                />
      items.push(<MenuItem key={age} value={age} primaryText={text}/>);
    });

    return items;
  }

零仍未显示:

enter image description here

Material-UI demos(长示例)中,一切似乎都正常,零值。我正在使用redux-form-material-ui。可能是redux-form问题吗?

我正在使用这些库的最新版本:

"material-ui": "^0.16.4",
"react-intl": "^2.2.3",
"react-redux": "^5.0.2",
"redux": "^3.6.0",
"redux-form": "^6.2.1",
"redux-form-material-ui": "^4.1.2",

有关此的任何想法/解决方法吗?

1 个答案:

答案 0 :(得分:0)

我认为您会发现问题不在于OnActionExecuting?,但您的OnActionExecuting变量或ITestContext(可能是material-ui的内容为空,格式为空串)。以下是一个基本示例,ageFormattedMessage使用零而没有问题:

age