Antd 远程加载Select 显示延迟

远程获取数据,比如高德地图的经纬度,是一个object
然后在select里面的option
....map
return

能查询,但是每次更新的时候,是在一开始的搜索下拉列表中push进去的,就像这样


image.png

得往下拉,才能看到搜索的,这些省都不应该出现才对,然后看了option循环的数组,是实时更新了的。
很奇怪,然后把value={item.location} 改成index,就直接出来了
看了一下option的选项


image.png

key和value的值,不支持对象,试过json.stringify和parse,还是不行,最后尝试了一下

对,强行加上一个没有支持的属性,然后这个select有个属性onChange
就是每次选中,都会触发,那么我就直接把value值设置成index,先让他能实时更新
onChange事件有两个参数,一个是value,一个是option
option是什么呢,先打印出来看看


image.png

一看,里面居然有我自己加上的location属性,那就直接拿这个option.props.location取出来,就ok了

你可能感兴趣的:(Antd 远程加载Select 显示延迟)