Reactjs redux表单renderField类型无线电未定义值
我尝试为单选按钮实现renderField,我可以显示它,但当我单击单选按钮时,该字段并没有填充。 当我检查控制台时,输入值总是等于未定义 这是我的代码:Reactjs redux表单renderField类型无线电未定义值,reactjs,radio,redux-form,Reactjs,Radio,Redux Form,我尝试为单选按钮实现renderField,我可以显示它,但当我单击单选按钮时,该字段并没有填充。 当我检查控制台时,输入值总是等于未定义 这是我的代码: render(){ const {input, array, meta, label} = this.props; return( <div className="input-row"> <div className="radio-box"> {array
render(){
const {input, array, meta, label} = this.props;
return(
<div className="input-row">
<div className="radio-box">
{array.map((option,i) =>
<div className="radio-field" key={i}>
<input type='radio' name={option.name} onChange={() => {input.onChange('oui')}} value={option.value} checked={input.value === option.value} />
{/* Try this before <input type='radio' {...input} name={option.name} value={option.value} checked={input.value == option.value}/> */}
<label>{option.name}</label>
</div>
)}
</div>
</div>
)
}
render(){
const{input,array,meta,label}=this.props;
返回(
{array.map((选项,i)=>
{input.onChange('oui')}value={option.value}选中={input.value===option.value}/>
{/*在*/}之前试试这个
{option.name}
)}
)
}
我称之为:
<Field name="courtage" type="radio" label="Courtage ?" component={renderRadioField} array={selectOptions.courtage} {...courtage} />
SelectOptions.courtage是一个对象数组。几个小时后,我找到了一个解决方案,我玩状态:
setRadioState(a) {
const obj = {};
obj[a.target.name] = a.target.value;
this.setState(obj);
}
render(){
const {input, array, meta, label, name} = this.props;
return(
<div className="input-row">
<div className="label-box">
<label>{label}</label>
</div>
<div className="radio-box">
{array.map((option,i) =>
<div className="radio-field" key={i}>
<input type='radio' name={name} {...input} onChange={this.setRadioState.bind(this)} value={option.value} checked={this.state.name} />
<label>{option.name}</label>
</div>
)}
{/* <div className="errors">{meta.touched && ((error && <span>{error}</span>))}</div> */}
</div>
</div>
)
setRadioState(a){
常量obj={};
obj[a.target.name]=a.target.value;
此设置状态(obj);
}
render(){
const{input,array,meta,label,name}=this.props;
返回(
{label}
{array.map((选项,i)=>
{option.name}
)}
{/*{meta.toucted&((error&&{error}))}*/}
)
showonChange
handler类和方法代码。输入值应作为参数通过此处理程序。您可以发布一个正确代码的示例来执行此操作吗?