Antd 里面的select 选择框联动触发的问题

有两个 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)
}