특정 문자열 맨션 기능을 넣고 싶습니다. (이미지 참조)

Question

안녕하세요, 다름이 아니라 회사 업무중 댓글 기능을 만들고 있습니다.
특정 댓글의 대댓글 작성시 해당 댓글의 사용자의 아이디를 textarea 또는 다른 tag를 사용하여 
맨 앞에 두고 배경색을 다르게 하고싶은데, 구글링을 해도 오토맨션기능은 많은데 제가 원하는 기능은 아직 찾지못했습니다.

혹시 아래 조건에 부합하는 좋은 코드 있으면 감사하겠습니다.
프레임워크는 리액트 입니다.

1. 특정 사용자 아이디가 맨 앞에 와야한다.
2. 맨 앞에 온 아이디의 배경색을 지정할 수 있어야한다.
3. 아이디를 맨 앞 또는 백스페이스로 한번 클릭시 아이디가 삭제되어야한다.
4. 정상적인 textarea처럼 사용자가 입력한 값을 받고 submit할 수 있어야 한다.

이미지는 유튜브 댓글을 참고한 것 입니다. 제가 원하는 기능이 저것 입니다.

정재용 · Answer

react-mentions 패키지를 한번 써보시는건 어떨까 싶습니다.(https://www.npmjs.com/package/react-mentions) 사용법이 간단하고 직관적 이어서 적용 하시는데, 큰 무리가 없을것 같아요. 다만 스타일적인 부분이나, 기능적인 부분에서 커스터마이징이 엄청 유연한 편은 아니어서, 적용하시기 전에 데모 사이트에서 한번 확인해 보시면 결정하시면 좋을듯 합니다. https://react-mentions.vercel.app/