How to use the antd.Input.Search function in antd

// @flow
import * as React from 'react';
import styled from 'styled-components';
import {Tabs, Input, Row, Col} from 'antd';
const TabPane = Tabs.TabPane;
const Search = Input.Search;

type Props = {
  changeFilter: Object => void,
  fields: Array,
  where: Object,
  search: Object
}

const Wrapper = styled.div`
  box-shadow: 1px 1px 1px 1px #ccc;
  margin-bottom: 24px;
  width: 100%;

  .ant-tabs-bar {
    margin-bottom: 0;
  }

import React,{ Component } from 'react'
import { Input, Button } from 'antd';
import { View } from '@/components/flexView'
import styles from './index.css'
const Search = Input.Search;
//
// type Props = {
//     history:{
//         push:Function
//     },
//     getKeyWordsReplyList:Function
// }

export default class KeyWordsReplyHeader extends Component {
    render() {
        const { history, getKeyWordsReplyList } = this.props
        return (

Icon,
  Select,
  Input,
  Form,
  Button,
  Tag,
  Modal,
  message,
  Table,
  Divider,
  Popconfirm,
  DatePicker,
  TimePicker,
} from 'antd';

const Search = Input.Search;
const { RangePicker } = DatePicker;
const ButtonGroup = Button.Group;
const confirm = Modal.confirm;
const Option = Select.Option;

@connect(({ model }) => ({
  model,
}))
@Form.create()
class IndexPage extends PureComponent {
  // 定义要操作的模型名称
  modelName = 'page';

  state = {
    msg: '',
    url: '',

import React, { Component } from "react";
import { Menu, Row, Col, Input, Icon } from "antd";
import { Link, withRouter } from "react-router-dom";
import "./AppHeader.css";
import NewPost from "../post/newpost/NewPost";

const Search = Input.Search;

class AppHeader extends Component {
  state = {};

  render() {
    let menuItems = [
      
        
          
        
      ,
      
        
      ,

import * as React from 'react';
import * as _ from 'lodash';
import {connect} from 'react-redux';
import {bindActionCreators, Dispatch} from 'redux';

import {navigate} from '../../store/history';

import {loadSnowAlertRules, changeRule, changeFilter} from '../../actions/rules';
import {getRules} from '../../reducers/rules';

import {State, SnowAlertRule, SnowAlertRulesState} from '../../reducers/types';
import {Query, Suppression} from '../../store/rules';

import './RulesTree.css';

const Search = Input.Search;

function download(filename: string, text: string) {
  const element = document.createElement('a');
  element.setAttribute('href', `data:text/plain;charset=utf-8,${encodeURIComponent(text)}`);
  element.setAttribute('download', filename);
  element.style.display = 'none';
  document.body.appendChild(element);
  element.click();
  document.body.removeChild(element);
}

function allMatchedCaptures(regexp: RegExp, s: string): string[][] {
  const matches: string[][] = [];
  s.replace(regexp, (m, ...args) => {
    matches.push(args.slice(0, args.length - 2));
    return '';

import React, {Component} from 'react'
import {delectUser, searchUser, userList} from '@/api/user'
import {Table, Button, Icon, Input, Pagination, message, Modal} from 'antd'
const Search = Input.Search


export default class UserManage extends Component {
  constructor () {
    super()
    this.state = {
      page: 1,
      userList: [],
      searchList: [],
      searchUserBox: false
    }
  }
  componentWillMount () {
    this._getUserList()
  }
  _delectUser = (_id) => {

import moment from 'moment';
import {
  Row,
  Col,
  Input,
  Icon,
  Tag,
  Card,
  Button,
  Avatar,
  List,
} from 'antd';
import styles from './Comments.less';
import {dateFtt} from '../../utils/utils'

const Search = Input.Search;
const {Meta} = Card;


export default class AllPost extends Component {
  constructor(props) {
    super(props);

    this.state = {
      comment: '',
    };
  }

  onChangeComment = (e) => {
    this.setState({ comment: e.target.value });
  }

render() {
        const Search = Input.Search;
        const { operation, id, value, invisible, style, enterButton, searchAction, ...props } = parseProps(
            this.props,
            this.props.operation
        );
        if (invisible) {
            return null;
        }
        const clearButtonStyle: CSSProperties = this.props.clearbuttonstyle || {
            position: 'absolute',
            display: 'block',
            right: this.clearBtnOffset,
            height: '24px',
            width: '24px',
            borderRadius: '20px',
            padding: '0px',
            top: '4px',

import React from 'react'
import {FilterWrapper} from 'components';
import {constant,auth} from 'utils';

import {Input, Row, Col, Button} from 'antd';

const Search = Input.Search;

const Filter = ({handleSearch, condition, onAdd})=> {
  return (
    
      
        
          
        
        
          <button type="primary">新增</button>