afc163
10 years ago
2 changed files with 39 additions and 1 deletions
@ -0,0 +1,38 @@ |
|||
# suggest |
|||
|
|||
- order: 4 |
|||
|
|||
类似 Google 搜索的输入框自动提示功能。 |
|||
|
|||
--- |
|||
|
|||
|
|||
````jsx |
|||
var Select = antd.Select; |
|||
var Option = Select.Option; |
|||
|
|||
var Test = React.createClass({ |
|||
getInitialState() { |
|||
return { |
|||
options: [] |
|||
}; |
|||
}, |
|||
handleChange(value) { |
|||
var options = ['gmail.com', '163.com', 'qq.com'].map(function(domain) { |
|||
var email = value + '@' + domain; |
|||
return <Option value={email}>{email}</Option>; |
|||
}); |
|||
this.setState({ |
|||
options: options |
|||
}); |
|||
}, |
|||
render() { |
|||
return <Select combobox style={{width:200}} onChange={this.handleChange}> |
|||
{this.state.options} |
|||
</Select>; |
|||
} |
|||
}); |
|||
|
|||
React.render(<Test />, document.getElementById('components-select-demo-combobox')); |
|||
```` |
|||
|
Loading…
Reference in new issue