React Mentions
made with React

React Mentions

这是一个可以在文本区域中@提及别人的组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

“ React组件,可让您像在Facebook或Twitter上一样在文本区域中提及人们。用于Signavio,State,Snips,Swat.io,GotDone,Volinspire,Marvin,Timely,GuideFitter,Evite, Publer,Kontentino ...还有吗?

安装

Npm

npm i react-mentions

Yarn

yarn add react-mentions

使用

这个组件暴露了两个用于@提及文本框的React组件:

import { MentionsInput, Mention } from 'react-mentions'

使用组件:

<MentionsInput value={this.state.value} onChange={this.handleChange}>
  <Mention
    trigger="@"
    data={this.props.users}
    renderSuggestion={this.renderUserSuggestion}
  />
  <Mention
    trigger="#"
    data={this.requestTag}
    renderSuggestion={this.renderTagSuggestion}
  />
</MentionsInput>

示例

作者

React Mentions

相关项目