Javascript 是否可以在输入字段中显示react组件？

我将材质UI与React一起使用，并尝试构建一个输入字段，该字段可以显示混合了文本的React组件。原因是能够用正则表达式扫描输入字段中的文本以查找“变量”。例如“你好，我的名字是$name”。我想用材质UI芯片组件替换变量

澄清我希望它看起来是什么样子

我到处寻找图书馆，发现它也有类似的功能，但它看起来不适合解决我的问题

---

有没有一种方法可以在输入字段中呈现react组件，或者我应该重新考虑如何进行此操作？感谢您的帮助

我想说这是可行的，但您可能需要构建一个自定义输入组件。如果您只是尝试重用包含自定义内容的大纲输入外观，请参阅我的答案。@RyanCogswell我希望该值与图像中的上部输入字段相同。但显示为较低的输入字段。所以表单验证和所有这些东西仍然有效。谢谢你的链接。@ZekeHernandez是的，我现在正在使用Material UI textfield，但我觉得最后我必须创建一个自定义的。我宁愿避免这样做，因为这样做需要很多时间，而且可能会出现问题。但我认为没有选择。感谢您的确认。我想说这是可行的，但您可能需要构建一个自定义输入组件。如果您只是尝试重用包含自定义内容的大纲输入外观，请参阅我的答案。@RyanCogswell我希望该值与图像中的上部输入字段相同。但显示为较低的输入字段。所以表单验证和所有这些东西仍然有效。谢谢你的链接。@ZekeHernandez是的，我现在正在使用Material UI textfield，但我觉得最后我必须创建一个自定义的。我宁愿避免这样做，因为这样做需要很多时间，而且可能会出现问题。但我认为没有选择。谢谢你的确认。