Antd | input.search-输入禁用，但请保持搜索按钮

发布于 2025-02-07 16:33:52 字数 350 浏览 2 评论 0 原文

我使用 input.search.search 。 禁用 Prop同时提供输入＆amp;禁用按钮。在禁用输入时，我想在这里启用按钮。

有解决方案吗？

<Search
  enterButton
  placeholder="ID"
  // disabled
  onSearch={() => console.log('search')}
/>

原文

I use Input.Search. The disabled prop makes both the input & the button disabled. Here I want to keep the button enabled while the input is disabled.

Is there solution?

<Search
  enterButton
  placeholder="ID"
  // disabled
  onSearch={() => console.log('search')}
/>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月棠 2025-02-14 16:33:52

使用 Enterbutton Prop＆amp;提供自定义按钮组件。

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>
);

在示例中，禁用了输入，但您可以单击“自定义搜索”按钮＆amp;请参阅控制台日志。

Use enterButton prop & provide a custom button component.

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>
);

In the example, input is disabled but you can click the custom search button & see the console logs.