You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1.8 KiB

category cols type title
Components 1 Views Mention

Mention component。

When To Use

When need to mention someone or something.

API

<Mention
  onChange={onChange}
  suggestions={['afc163', 'benjycui', 'yiminghe', 'jljsj33', 'dqaria', 'RaoHai']}
/>

Mention API

API Description Type
toString convert EditorState to string Function(editorState: EditorState): String
toEditorState convert string to EditorState Function(string: String): EditorState
getMentions get mentioned people in current editorState Function(editorState: EditorState): Array

Mention props

Property Description Type Default
suggestions suggestion content Array or Array<Mention.Nav> []
suggestionStyle style of suggestion container Object {}
onSearchChange Callback function called when search content changes function(value:String) []
onChange Callback function called when content of input changes function(editorState: EditorState) null
notFoundContent suggestion when suggestions empty string '无匹配结果,轻敲空格完成输入'
loading loading mode boolean false
multiLines multilines mode boolean false
defaultValue default value EditorState, you can use Mention.toEditorState to convert text to EditorState null
value core state of mention EditorState null

Nav props

Property Description Type Default
value value of suggestion,the value will insert into input filed while selected string ""
children suggestion content Objet {}