Redux 动态生成单选按钮

Redux 动态生成单选按钮,redux,redux-form,Redux,Redux Form,我有一个redux表单,其中包括一些单选按钮: <label htmlFor="passType">Pass type</label> {passType.touched && passType.error && <span className="error">{passType.error}</span>} <br /> <input

我有一个redux表单,其中包括一些单选按钮:

     <label htmlFor="passType">Pass type</label>
        {passType.touched && passType.error && <span className="error">{passType.error}</span>}
        <br />
        <input
          type="radio"
          {...passType}
          id="passType"
          value="0"
          checked={passType.value === '0'}
        /> VIP<br />
        <input
          {...passType}
          type="radio"
          id="passType"
          value="1"
          checked={passType.value === '1'}
        /> Regular<br />

你所尝试的似乎很好

render(){
//从Redux表单中提取字段
const{fields:{passType}}=this.props
//阅读选项。
//根据您展示的内容,其结构如下:
//
// [
//{“Id”:1,“Name”:“VIP”},
//{“Id”:2,“Name”:“Normal”},
// ]
const{passTypes}=this.props
返回(
孔型
{passTypes.map(选项=>
{option.Name}
)}
)
}

上面的
render
方法正在迭代
passTypes
来构造无线电输入。

根据您提供的内容,看起来没有什么问题——您是否尝试过通过调试您的状态?还有,您的容器反应组件是什么样子的?如何确定是否选中了单选按钮?
const renderPassTypes = passTypes => passTypes.map((passType, i) => 
(
  <input
    type="radio"
    {...passType}
    id="passType"
    value={passType.Id}
    checked={passType.Id === ?!?!?} 
  /> {passType.Value}<br />
)
const sendInviteValidator = createValidator({
  passType: required,
});