How to create a text field with custom variables in React?

Question

React

How to create a text field in React with the ability to enter variables of this type {{FirstName}}?
Such a variable must have its own visualization (for example, as a button) with functionality (you can select other variables when clicking), for example.
And when you type "{{" a field appears with the choice of a variable, and when selected, it appears in the input text.
Are there any tools for developing this, maybe ready-made solutions?
I was looking at the draft.js framework,
but the time limit doesn't allow me to learn it and write something on it quickly enough.

Answer 1

We have been looking for similar functionality for a long time, as a result, either take something not on React and write a wrapper (or use a ready-made one), or draftjs (which, by the way, has a million bugs). If you find something, please write here. Subscribed :)