是否可以使用表单和反应组件创建动态页面

Question

我想使用textarea和react组件来创建一个表单。react组件会写在文本区里面，组件结构会显示在底部。我想把这个字符串保存在数据库中，以便以后检索并以某种方式将其转换为 jsx 页面。基本上，我说的一切都非常相似markdown，但我只想使用反应组件。如果流行的包是为此设计的？

例子

const Prism = ({ language }) => {
  return <div style={{ color: "#45E700" }}>{language}</div>;
};

export default function App() {
  const [text, setText] = useState(`<Prism language={"javascript"}/>`);
  return (
    <div>
      <textarea
        value={text}
        onChange={(e) => {
          setText(e.target.value);
        }}
      />
     <Render src={text} />
    </div>
  );
}