33 lines
697 B
JavaScript
33 lines
697 B
JavaScript
|
import { Select } from "antd";
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 基础下拉组件（不建议直接使用此组件，二次继承使用）
|
|||
|
|
*/
|
|||
|
|
function BasicSelect(props) {
|
|||
|
|
const {
|
|||
|
|
placeholder = "",
|
|||
|
|
data = [],
|
|||
|
|
nameKey = "name",
|
|||
|
|
idKey = "id",
|
|||
|
|
...restProps
|
|||
|
|
} = props;
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<Select placeholder={`请选择${placeholder}`} showSearch allowClear {...restProps}>
|
|||
|
|
{data.map((item) => {
|
|||
|
|
const value = item[idKey];
|
|||
|
|
const label = item[nameKey];
|
|||
|
|
return (
|
|||
|
|
<Select.Option key={value} value={value}>
|
|||
|
|
{label}
|
|||
|
|
</Select.Option>
|
|||
|
|
);
|
|||
|
|
})}
|
|||
|
|
</Select>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
BasicSelect.displayName = "BasicSelect";
|
|||
|
|
|
|||
|
|
export default BasicSelect;
|