首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AntD / Input.Search -输入已禁用,但仍然启用搜索按钮

AntD / Input.Search -输入已禁用,但仍然启用搜索按钮
EN

Stack Overflow用户
提问于 2022-06-16 04:57:43
回答 1查看 231关注 0票数 0

我用Input.Searchdisabled支柱使输入和按钮都禁用。在这里,我希望在输入被禁用时使按钮处于启用状态。

有解决办法吗?

代码语言:javascript
运行
复制
<Search
  enterButton
  placeholder="ID"
  // disabled
  onSearch={() => console.log('search')}
/>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-16 07:06:30

使用enterButton支柱&提供自定义按钮组件。

代码语言:javascript
运行
复制
const { Search } = Input;

const customButton = <Button type="primary" icon={<SearchOutlined />} />;

const onSearch = (value) => console.log(value);

const App = () => (
  <Space direction="vertical">
    <Search
      placeholder="input search text"
      enterButton={customButton}
      disabled
      size="large"
      onSearch={onSearch}
    />
  </Space>
);

在本例中,input被禁用,但您可以单击自定义搜索按钮&查看控制台日志。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72640663

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档