首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在onSearch上将antd input.search设置为只读

在antd中,可以通过设置Input.Search组件的readOnly属性来将其设置为只读。readOnly属性用于指定输入框是否只读,即用户无法编辑输入框中的内容。

以下是一个示例代码,演示如何将antd的Input.Search组件设置为只读:

代码语言:txt
复制
import { Input } from 'antd';

function MySearch() {
  return (
    <Input.Search
      placeholder="请输入关键字"
      onSearch={value => console.log(value)}
      readOnly
    />
  );
}

在上述代码中,我们将Input.Search组件的readOnly属性设置为true,即readOnly={true}或简写为readOnly。这样用户就无法编辑输入框中的内容,只能通过点击搜索按钮或按下回车键来触发onSearch事件。

关于antd的Input.Search组件的更多信息,你可以参考腾讯云的Ant Design官方文档:Input.Search

请注意,以上答案仅供参考,具体实现方式可能因项目环境、版本等因素而有所差异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • element-ui 表格hook 及相关组件

    使用例子 <template>

    <Searchbar :searchBarConf='searchBarConf'/>
    <el-button type='text' @click="onEditor(slotProps)" > 编辑 </e

    01
    领券