簡體   English   中英

React:將組件轉換為 HTML 和 CSS 字符串

[英]React: Convert a component into a HTML & CSS String

我一直在 React 中開發卡片 UI 生成器,一旦用戶完成使用 UI 對其進行自定義,我希望能夠轉換卡片(這是一個 React 組件)並導出其背后的 HTML 和 CSS。 有沒有辦法將組件轉換為 HTML 字符串?

您可以使用ReactDOMServer

ReactDOMServer.renderToString(element)

使用測試工具可以將組件呈現為字符串。 也許這適合您的用例? https://github.com/airbnb/enzyme

如果您使用create-react-app ,則可以使用npm run build創建生產就緒構建 這將為您創建 HTML 和 CSS。

如果您要呈現特定組件,您可能會研究server-side rendering

你現在找到答案了嗎? 對我很重要,期待您的回復!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM