Rare Earth Juejin Tech Community
Jul 5, 2024 · Frontend Development
Implementing an @User Mention Input Component with Highlight and Deletion Handling in React
This article explains how to build a custom React @mention input component that highlights mentioned users, treats the whole @username as a single deletable unit, tracks cursor position for a floating selector, and returns both the plain text and the list of mentioned users to the parent component.
ContentEditableMentionsReact
0 likes · 12 min read