2016-03-31 09:40:55 +08:00
|
|
|
---
|
2016-05-25 18:21:27 +08:00
|
|
|
order: 4
|
2016-08-22 09:53:39 +08:00
|
|
|
title:
|
2016-08-22 10:27:43 +08:00
|
|
|
zh-CN: 搜索框
|
2016-08-22 09:53:39 +08:00
|
|
|
en-US: Search box
|
2016-03-31 09:40:55 +08:00
|
|
|
---
|
2015-12-02 19:33:26 +08:00
|
|
|
|
2016-08-22 17:26:14 +08:00
|
|
|
## zh-CN
|
2016-08-22 09:53:39 +08:00
|
|
|
|
2016-12-02 15:12:01 +08:00
|
|
|
带有搜索按钮的输入框，`2.5.0` 时新增。
|
2015-12-02 19:33:26 +08:00
|
|
|
|
2016-08-22 17:26:14 +08:00
|
|
|
## en-US
|
2016-08-22 09:53:39 +08:00
|
|
|
|
2016-12-02 15:12:01 +08:00
|
|
|
Example of creating a search box by grouping a standard input with a search button, added in `2.5.0`.
|
2016-08-22 09:53:39 +08:00
|
|
|
|
2017-02-13 10:55:53 +08:00
|
|
|
````jsx
|
2016-11-24 14:03:57 +08:00
|
|
|
import { Input } from 'antd';
|
2016-11-24 14:56:08 +08:00
|
|
|
const Search = Input.Search;
|
2015-12-02 19:33:26 +08:00
|
|
|
|
|
|
|
|
ReactDOM.render(
|
2017-01-10 15:11:43 +08:00
|
|
|
<Search
|
|
|
|
|
placeholder="input search text"
|
|
|
|
|
style={{ width: 200 }}
|
|
|
|
|
onSearch={value => console.log(value)}
|
|
|
|
|
/>
|
2015-12-29 12:08:58 +08:00
|
|
|
, mountNode);
|
2015-12-02 19:33:26 +08:00
|
|
|
````
|
