Redux 动态生成单选按钮
我有一个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
<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,
});