Javascript 在react js的单选组件中,当我单击一个单选按钮时,它正在选择表单中的另一个单选按钮,但它正在传递正确的值

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

我有一个带有受控单选按钮组件的reactjs表单,但当我单击一个单选按钮时,它正在表单中选择另一个单选按钮,但它正在发送正确的选定按钮值,我不知道代码有什么问题,请帮我解决

以下是单选按钮组件:

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)
)
}