ant-design/components/mention/demo/basic.md

38 lines
611 B
Markdown
Raw Normal View History

2016-07-04 10:31:27 +08:00
---
order: 0
2016-09-23 10:14:57 +08:00
title:
zh-CN: 基本使用
2016-09-23 10:14:57 +08:00
en-US: Basic
2016-07-04 10:31:27 +08:00
---
## zh-CN
基本使用
## en-US
Basic usage.
2017-02-13 10:55:53 +08:00
````jsx
2016-07-04 10:31:27 +08:00
import { Mention } from 'antd';
const { toString, toContentState } = Mention;
2016-07-19 13:39:05 +08:00
function onChange(contentState) {
console.log(toString(contentState));
2016-07-04 10:31:27 +08:00
}
function onSelect(suggestion) {
console.log('onSelect', suggestion);
}
2016-07-04 10:31:27 +08:00
ReactDOM.render(
<Mention
2017-09-25 22:42:07 +08:00
style={{ width: '100%' }}
2016-07-04 10:31:27 +08:00
onChange={onChange}
defaultValue={toContentState('@afc163')}
suggestions={['afc163', 'benjycui', 'yiminghe', 'RaoHai', '中文', 'にほんご']}
onSelect={onSelect}
2016-07-21 15:40:13 +08:00
/>
, mountNode);
2016-07-04 10:31:27 +08:00
````