radio单选改为可反选(不选)

最新推荐文章于 2023-07-18 10:43:45 发布

Amelie4444

最新推荐文章于 2023-07-18 10:43:45 发布

阅读量276

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/Amelie4444/article/details/128294739

版权

   <div
      className="za-group-radio"
      style={style}
      onClick={(e: any) => {
        if (value && e.target?.value === value) {
          // Radio单选取消
          onChange && onChange('');
          e.stopPropagation();
        }
      }}
    >
      <Radio.Group onChange={onRadioChange} value={value}>
        {options.map(r => (
          <Radio value={r[valueName]} key={r[valueName]}>
            {r[labelName]}
          </Radio>
        ))}
      </Radio.Group>
    </div>

单选的再次点击并不会触发onChange事件

那在最外层包裹一个div就好啦拿到所有点击并赋值 so easy!