remote-select v0.1.0

remote-select

基于 Antd Select 组件封装，可根据搜索值请求远程接口获取数据, remote-select 属性继承原Antd Select 属性。

📦 安装

tnpm install @ali/remote-select --save

🔨 示例

import RemoteSelect from '@ali/remote-select';

// 默认
<RemoteSelect
  remoteUrl="/remote/data/url?page=1&size=10&searchKeyword="
/>

// 自定义选项展示
<RemoteSelect
  showSearch
  popContainer="developerFormWrap"
  customLabelField="realNameCn"
  customeValueField="empId"
  placeholder="搜索开发人员"
  remoteUrl="/api/user?size=30&w="
  style={{ width: '100%' }}
>
  {o => (<Option key={o.value} value={o.value}>{`${o.label}(${o.value})`}</Option>)}
</RemoteSelect>

✨ API

• 继承于Antd Select 属性，参见 Ant Design 文档