我正在嘗試構(gòu)建一個組件,

>帶孩子和

>渲染DOM中的子項,以及

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

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

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

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]

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。