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

我想使用

textarea

和react组件来创建表单。react组件将写入文本区域，组件结构将显示在底部。我想将此字符串保存在数据库中，以便以后检索并以某种方式将其转换为jsx页面。基本上，我所说的一切都与降价非常相似，但我只想使用react组件。如果流行的软件包就是为此而设计的

范例

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>
  );
}

const Prism=（{language}）=>{
返回{语言}；
};
导出默认函数App（）{
常量[text，setText]=useState（``）；
返回(
{
setText（即目标值）；
}}
/>
);
}

---

到目前为止，您尝试了什么？A将有助于我们缩小你所面临的问题的范围。