我正在嘗試構建一個組件,

>帶孩子和

>渲染DOM中的子項,以及

>出于文檔的目的,在pre中顯示子DOM

一種解決方案是將JSX作為單獨的prop傳遞.這使得它重復,因為我已經能夠通過this.props.children訪問它.理想情況下,我只需要以某種方式將子prop轉換為字符串,以便我可以在pre中呈現它以顯示“此代碼生成此結果”.

這就是我到目前為止所擁有的

class DocumentationSection extends React.Component{

render(){

return

{heading || ""}

{this.props.children}

//Change this to produce a JSX string from the elements

{this.props.children}

;

}

}

如何以’< Div className ='myDiv'> …< / Div>格式獲取jsx字符串？當我將DocumentationSection渲染為

...

謝謝.

編輯：

我試過toString,它dint work,給了[object Object]

總結

以上是生活随笔為你收集整理的html字符串转换jsx,javascript – 将React.element转换为JSX字符串的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。