react antd Radio单选框选中提交后刷新页面回显


Radio渲染数据

<Radio.Group className={styles.content} value={vote.msg}> {data.judgeVoteList && data.judgeVoteList.map((item) => { return ( <Col span={5} offset={3} style={{ paddingTop: '28px' }}> <Radio.Button // disabled={vote.code === 2} value={item.de768} className={styles.btnInfo} onClick={() => handleClick(item)} > <div className={styles.btnInfoDiv}> <img src={man} /> <p className={styles.infoName}>{item.de281}</p> </div>
// 返回人员加上提示标签 {vote.msg === item.de281 && ( <NewEnergyIcon style={{ position: 'absolute', top: -10, left: 140, }} /> )} </Radio.Button>

 Radio.Group value 参数与 Radio.Button value 参数一致 可以回显选中的的数据

 Radio.Button 点击事件Click

  function handleClick(data) {
    setDataName(data);
    setVote({
      ...(vote ? vote : {}),
      msg: data.de768,
    });
  }

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM