cjd-parkball/src/components/autoComplete/demo/non-case-sensitive.md

> 中后台业务组件库，中后台就像公园，进入需要买门票（登录），所以以 Parkball(公园球) 命名，公园内必定捕获！作为一个组件库，提供使用方法文档，方便开发者的调用

---
category: 2
title: 不区分大小写
title_en: Non-case-sensitive AutoComplete
---

 zh-CN

不区分大小写的 AutoComplete

 en-US

A non-case-sensitive AutoComplete

````jsx
import { AutoComplete } from 'parkball';

const dataSource = ['Burns Bay Road', 'Downing Street', 'Wall Street'];

function Complete() {
  return (
    <AutoComplete
      style={{ width: 200 }}
      dataSource={dataSource}
      placeholder="try to type `b`"
      filterOption={(inputValue, option) => option.props.children.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1}
    />
  );
}

ReactDOM.render(<Complete />, mountNode);
````