@tntd/ant3-virtual-select

@tntd/ant3-virtual-select

基于ant3实现高性能虚拟滚动列表

安装

npm i @tntd/ant3-virtual-select

用法

所有API同ant3 Select

import VirtualSelect from "@tntd/ant3-virtual-select";

const Option = VirtualSelect.Option;

const children = [];
for (let i = 0; i < 10000; i++) {
	children.push(
		<Option value={i} key={i}>
			{`测试${i}`}
		</Option>
	);
}

<VirtualSelect
    className="u-width"
    showSearch
    optionFilterProp="children"
    allowClear
    placeholder="请选择"
    onChange={handleChange}
    style={{ width: "200px" }}
    dropdownMatchSelectWidth={false}
    defaultValue={500}
>
    {children}
</VirtualSelect>