<Select
style={{ width: 200 }}
placeholder="请选择配置模板"
showSearch
value={selectVal} // 关键在于这个value的值初始值要设置成undefined才可以显示
onChange={selectChange}
optionLabelProp="label"
// dropdownRender={(menu) => (
// <>
// {menu}
// <Divider style={{ margin: '8px 0' }} />
// {!isSelfEdit ? (
// <Button type="link" onClick={() => setIsSelfEdit(true)}>
// 自定义
// </Button>
// ) : (
// <Space align="center" style={{ padding: '0 8px 4px' }}>
// <Input
// placeholder="添加配置模板"
// value={name}
// onChange={onNameChange}
// />
// <DeleteOutlined
// onClick={addItem}
// style={{ whiteSpace: 'nowrap' }}
// className="deleIcon"
// />
// <CheckOutlined
// onClick={cancelItem}
// style={{ whiteSpace: 'nowrap' }}
// />
// {/* <Typography.Link
// >
// 确认
// </Typography.Link> */}
// </Space>
// )}
// </>
// )}
>
{items &&
items.map((item) => (
<Option key={item.id} value={item.id} label={item.name}>
{/* <div className="optionDele"> */}
{item.name}
{/* <DeleteOutlined
onClick={() => {
deleOption(item);
}}
className="deleIcon"
/> */}
{/* </div> */}
</Option>
))}
</Select>
我的问题在于当设置select的value之后Placeholder不显示问题,当时给这个select value初始值设置的是一个空字符串就不显示了。设置成undefined就可以了