javascript - 如何在 react 中从数据库呈现 HTML？

Question

我正致力于在 Grapesjs 的帮助下制作自定义网页。我想在数据库中的 grapesjs 编辑器保存的 react js 中呈现 html 页面。以下是保存数据的格式。

现在我只能在检查窗口中获取 html 代码，但如何在页面上呈现它？

import React from "react";
import axios from "axios";
// import {renderWebpage} from "../actions/webpage"

export const Page: React.FC = () => {
  const renderWebpage = axios
    .get("http://localhost:8080/61ea7fd2268f37443ca4d59a")
    .then((response) => {
      console.log("response", response);
      console.log(response.data, "data");
    });

  return <div>demo</div>;
};

Answer 1

你可以这样做

const App = () => {
  const data = 'lorem <b>ipsum</b>';

  return (
    <div
      dangerouslySetInnerHTML={{__html: data}}
    />
  );
}

export default App;