小编tim*_*mur的帖子

如何禁用 Ant Design Input.Search 组件中的按钮

在我的搜索栏应用程序中,我使用 Input.Search Ant Design 组件。
例如像这样:

import React from 'react';
import { Input } from 'antd';

const SearchBar = ( { loading, searchHandler } ) => (
  <Input.Search placeholder="Enter name to search here"
                disabled={loading}
                onSearch={searchHandler}
                enterButton='Search' />          
);

export default SearchBar;
Run Code Online (Sandbox Code Playgroud)

这样当loading属性是true输入字段被禁用时,但按钮仍然可以点击。
我想禁用控件的两个部分,字段和按钮,而loadingprop 是true,有什么办法吗?

reactjs antd

3
推荐指数
1
解决办法
9090
查看次数

标签 统计

antd ×1

reactjs ×1