ant-design/index.zh-CN.md at c30878d38f0ff965159c2c236ed5640f75592346

mirror of https://github.com/ant-design/ant-design.git synced 2024-11-30 06:09:34 +08:00

陆离 135fd52afb docs: AutoComplete document and demo improvement (#4840 )

*  AutoComplete document and demo improvement

 + add a non-case-sensitive demo, close #4834.
 + remove confusing descriptions from document, close #4805.

* add snapshot

2017-02-13 15:45:49 +08:00

2.0 KiB

Raw Blame History

category	subtitle	type	cols	title
Components	自动完成	Data Entry	2	AutoComplete

输入框自动完成功能。

何时使用

需要自动完成时。

API

const dataSource = ['12345', '23456', '34567'];
<AutoComplete dataSource={dataSource} />

参数	说明	类型	默认值
dataSource	自动完成的数据源	DataSourceItemType[]
value	指定当前选中的条目	string\|string[]\|{ key: string, label: string\|ReactNode }\|Array<{ key: string, label: string\|ReactNode }>	无
defaultValue	指定默认选中的条目	string\|string[]\|{ key: string, label: string\|ReactNode }\|Array<{ key: string, label: string\|ReactNode}>	无
allowClear	支持清除, 单选模式有效	boolean	false
onChange	选中 option，或 input 的 value 变化时，调用此函数	function(value)	无
onSelect	被选中时调用，参数为选中项的 value 值	function(value, option)	无
disabled	是否禁用	boolean	false
placeholder	输入框提示	string	-
children (自动完成的数据源)	自动完成的数据源	React.ReactElement / Array<React.ReactElement>	-
children (自定义输入框)	自定义输入框	HTMLInputElement / HTMLTextAreaElement / React.ReactElement	`<Input />`
optionLabelProp	回填到选择框的 Option 的属性值，默认是 Option 的子元素。比如在子元素需要高亮效果时，此值可以设为 `value`。	string	`children`
filterOption	是否根据输入项进行筛选。当其为一个函数时，会接收 `inputValue` `option` 两个参数，当 `option` 符合筛选条件时，应返回 `true`，反之则返回 `false`。	boolean or function(inputValue, option)	true

2.0 KiB Raw Blame History Unescape Escape

何时使用

API

2.0 KiB

Raw Blame History