在React中,默认选中单选按钮可以通过设置组件的状态来实现。以下是一种常见的实现方式:
isChecked
来表示是否选中。constructor(props) {
super(props);
this.state = {
isChecked: true // 默认选中
};
}
checked
属性进行绑定。render() {
return (
<div>
<input
type="radio"
checked={this.state.isChecked}
onChange={this.handleRadioChange}
/>
<label>选项</label>
</div>
);
}
handleRadioChange
,用于更新状态变量的值。handleRadioChange = () => {
this.setState(prevState => ({
isChecked: !prevState.isChecked
}));
};
这样,当单选按钮被点击时,handleRadioChange
函数会被调用,通过调用setState
方法更新isChecked
的值,从而实现选中状态的切换。
需要注意的是,以上只是一种实现方式,具体的实现方式可能会因项目的需求和组件的结构而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云