Antd Select 设置Value之后 Placeholder不显示问题

 

<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就可以了

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值