Javascript 在react js的单选组件中,当我单击一个单选按钮时,它正在选择表单中的另一个单选按钮,但它正在传递正确的值
我有一个带有受控单选按钮组件的reactjs表单,但当我单击一个单选按钮时,它正在表单中选择另一个单选按钮,但它正在发送正确的选定按钮值,我不知道代码有什么问题,请帮我解决 以下是单选按钮组件:Javascript 在react js的单选组件中,当我单击一个单选按钮时,它正在选择表单中的另一个单选按钮,但它正在传递正确的值,javascript,html,reactjs,forms,Javascript,Html,Reactjs,Forms,我有一个带有受控单选按钮组件的reactjs表单,但当我单击一个单选按钮时,它正在表单中选择另一个单选按钮,但它正在发送正确的选定按钮值,我不知道代码有什么问题,请帮我解决 以下是单选按钮组件: import React, {Component} from 'react'; const CheckboxOrRadioGroup = (props) => ( <div className="form-group"> <label className
import React, {Component} from 'react';
const CheckboxOrRadioGroup = (props) => (
<div className="form-group">
<label className="form-label-radio">{props.title}</label>
<div className="checkbox-group">
<ul class="radioul">
{props.options.map(opt => {
return (
<li class="radioli" >
<input
id = {props.name}
name={props.name}
onChange={props.handleChange}
value={opt}
checked={ props.selectedOptions.indexOf(opt) > -1 }
type={props.type} /> <label for={opt} className="form-label-radio1" id={props.handleChange}>{opt}
</label>
</li>
);
})}
</ul>
</div>
</div>
);
export default CheckboxOrRadioGroup;
import React,{Component}来自'React';
常量CheckboxOrRadioGroup=(道具)=>(
{props.title}
{props.options.map(opt=>{
返回(
-
-1 }
type={props.type}/>{opt}
);
})}
);
导出默认CheckboxOrRadioGroup;
以下是表单元素和操作:
<CheckboxOrRadioGroup
title={'Enter a amount'}
name={'AMOUNT2'}
type={'radio'}
options={this.state.AMOUNT2Options}
selectedOptions = { this.state.newUser.AMOUNT2}
handleChange={this.handleRadioSelection}
/>
handleRadioSelection(e) {
let value = e.target.value;
let name = e.target.name;
this.setState( prevState => ({ newUser :
{...prevState.newUser, AMOUNT2: value
}
}), () => console.log(this.state.newUser)
)
}
手感选择(e){
设值=e.target.value;
让name=e.target.name;
this.setState(prevState=>({newUser:
{…prevState.newUser,数量2:值
}
}),()=>console.log(this.state.newUser)
)
}