我是 JSX 的新手，專門為古騰堡塊學習這個我試圖以某種方式將一串 html 轉換為與 babel 的純反應我看到 babel 中有一個功能transform可以實作，但我無法使用它，幾乎有任何地方都沒有關于它的資訊，如果無論如何都要以這種方式轉換事物，請告訴我它下面是代碼示例
這個
let str = `
<div>
<h1>test</h1>
</div>
`
對此
/*#__PURE__*/
React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "test"));
uj5u.com熱心網友回復：
您可以使用 react-html-parser。它正是這樣做的。
https://www.npmjs.com/package/react-html-parser
例子：
import React from 'react';
import ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';
class HtmlComponent extends React.Component {
render() {
const html = '<div>Example HTML string</div>';
return <div>{ ReactHtmlParser(html) }</div>;
}
}
uj5u.com熱心網友回復：
您可以使用react-html-parser. 它正是這樣做的。
https://www.npmjs.com/package/react-html-parser
例子
import ReactHtmlParser from 'react-html-parser';
const HTMLRenderingComponent = () => {
const htmlString = '<div>Example HTML string</div>';
return ReactHtmlParser(htmlString);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/330788.html
標籤：javascript 反应 babeljs jsx