Я использую Material UI с React и пытаюсь создать поле ввода, которое может отображать компоненты реакции, смешанные с текстом. Причина в том, чтобы иметь возможность сканировать текст в поле ввода с помощью регулярного выражения, чтобы найти «переменные». Например, «Здравствуйте, меня зовут $ name». Я хочу заменить переменную компонентом чипа пользовательского интерфейса материала. (ссылка)
Чтобы уточнить, как я хочу, чтобы он выглядел.
Я осмотрел библиотеки и обнаружил, что material-ui-chip-input делает что-то похожее, но это не выглядит как настраиваемый для решения моей проблемы.
Есть ли способ визуализации реагирующего компонента в поле ввода, или мне следует переосмыслить, как мне поступить? Любая помощь приветствуется!