antd多选框选项太多数据量太大出现页面卡顿怎么解决

问题描述

问 题

如题，数据从后台读，有些多选框的选项太多数据量太大，结果页面直接就卡住了好几秒无法进行操作，这样应该怎么解决
补充，数据有6000+
代码如下：

{getFieldDecorator(`dimensions-${this.state.dimensionList[k]}`, {
})(
    <Select multiple
            style={{width: '70%', marginRight: 8}}
            placeholder="请选择"
            onChange={this.onLevelChange}>
        {this.state.level[k].map((item,idx) => <Option key={item.level_id || "未选择维度"}>{item.level_name || ''}</Option>)}
    </Select>
)}

解决方案

选项这么多的情况下，用搜索模式，然后服务端返回结果会更加合理： https://ant.design/components...

这篇关于antd多选框选项太多数据量太大出现页面卡顿怎么解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！