今天在工作中遇到一个问题,我司使用的是antd 组件,在使用react数据请求时,并在其中设置setState,页面发现了异常....需求是这样的,
上面的调出项目为一个select选择,当时发生onChange的时候,下面的调出人员会随之改变,两个select是联动的....我写这一部分需求时的代码如下:
// 初始化需求申请界面数据
initializeMyModal = () => {
// 当调出项目发生改变时,获取调出人员下拉数据
myModalItems[...: 如图
然后再去调用调出项目的selectOnChange事件,调出人员的位置变成了罗慧的value值,
如图:
这什么原因,我们这边的前端说法是:两个异步的调用,一个异步请求,一个setState,...我能提供的解决方案:
当调出项目selectOnChange的时候,调用一个同步的方法,把调出人员的select设为空.在antd中可以直接使用this.props.form.setFieldsValue