ant-design/components/transfer/search.jsx

import React, { Component, PropTypes } from 'react';

function noop() {
}

class Search extends Component {
  constructor(props) {
    super(props);
  }

  handleChange(e) {
    this.props.onChange(e);
  }

  render() {
    const {placeholder, value, prefixCls} = this.props;
    return <div>
      <input placeholder={placeholder} className={ prefixCls + ' ant-input' } value={ value } ref="input" onChange={this.handleChange.bind(this)}/>
      { value && value.length > 0 ?
        <a href="javascirpt:;" className={ prefixCls + '-action' } onClick={this.props.handleClear}><i className="anticon anticon-cross-circle"></i></a>
        : <span className={ prefixCls + '-action' }><i className="anticon anticon-search"></i></span>
      }
    </div>;
  }
}

Search.defaultProps = {
  prefixCls: 'ant-transfer-list-search',
  placeholder: '请输入搜索内容',
  onChange: noop,
  onDelete: noop,
};

Search.propTypes = {
  prefixCls: PropTypes.string,
  placeholder: PropTypes.string,
  onChange: PropTypes.func
};

export default Search;