我要评论有两个 select框，且这俩select框是关联的，触发select1，select2里面才会有值。
但是现在的问题是这样的：
触发select1，触发select2，再触发select1，此时select2里面的值变成了上次一选中的value 值，而不会被清空。
解决办法：
使用select 里面的value属性，来进行清空
<form style={{padding:'20px','boxsizing':'border-box'}}>
<formitem label="套卷名称" {...formitemlayout}>
<select defaultvalue={packagedpapersid} onchange={selectpackage}>
{
packagedpaperlist.map((item,idx)=>(
<option value={item.packagedpapersid} key={idx}>{item.packagedpapersname}</option>
))
}
</select>
</formitem>
<formitem label="试卷名称" {...formitemlayout}>
<select defaultvalue={paperid} value={paperid} onchange={(val,item)=>selectpaper(val,item)}>
{
paperlist.map((item,idx)=>(
<option value={item.paperid} key={idx}>{item.papername}</option>
))
}
</select>
</formitem>
</form>
// select1里面的判断
const selectpackage = (value) =>{
if(paperid != '请选择名称'){
setpaperid('请选择名称');
}
setpackagedpapersid(value)
paperlistfn(value)
}
补充知识：antd rangepicker限制选择时间跨度是30天
我就废话不多说了，大家还是直接看代码吧~
const { rangepicker } = datepicker;
const [selectdate, setselectdate] = usestate(null);
/* 控制下单时间选择范围30天 */
const disabledtaskdate = (current) => {
if (!current || !selectdate) return false;
const offsetv = 2592000000; //30天转换成ms
const selectv = selectdate.valueof();
const currenv = current.valueof();
return (calcminus(currenv, offsetv) > selectv || calcadd(currenv, offsetv) < selectv) ? true : false;
}
/* 选择任务时间变化 */
const ondatechange = (dates) => {
if (!dates || !dates.length) return;
setselectdate(dates[0]);
}
const ondateopenchange = () => {
setselectdate(null);
}
<rangepicker
showtime={{ format: 'hh:mm:ss' }}
disableddate={disabledtaskdate}
oncalendarchange={ondatechange}
onopenchange={ondateopenchange}
/>
以上这篇解决antd 里面的select 选择框联动触发的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论