Antd Radio Group

在使用antd中Radio.Group時,第一次點擊會選中某一選項,但當你再次選中該選項時,它不做任何操作。而我的需求是需要取消選中的值。按照如下操作,即可解決該問題:

divClick = (e) => {
  const tag = e.target;
  if (tag.type === 'radio' && this.state.questionRating.toString() === tag.value.toString()) {
      this.setState({
        questionRating: '',
      });
    }
  }


<div onClick={this.divClick}>
<Radio.Group onChange={this.handleRadioChange} value={this.state.questionRating}>
  <Radio.Button value="POOR">Poor</Radio.Button>
  <Radio.Button value="ACCEPTABLE">Acceptable</Radio.Button>
  <Radio.Button value="STRONG">Strong</Radio.Button>
</Radio.Group>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章