ReactコンポーネントのinnerHTMLを取得する方法

Question

私は反応コンポーネントを持っていて、そのinnerHTMLをiframeにpropとして渡したいと思います。

render() { 
     const page = <PrintPage /> 
     const iframeContent = page..something...innerHTML 
     return (
      <iframe srcDoc={iframeContent}/>); 
} 

このような方法はありますか。

iframe内でのみレンダリングしたいので、refを使用することはできません。実装されていないコンポーネントのinnerHTMLが必要です

Answer 1

refsまたはReactDOM.findDOMNodeを使用してinnerHTMLを取得できますが、コンポーネントをマウントする必要があります。 [どのようにリアクトでDOM要素にアクセスするための

class App extends React.Component{ 
 

 
    componentDidMount(){ 
 
    console.log(this.ref.innerHTML) 
 
    console.log(ReactDOM.findDOMNode(this).innerHTML) 
 
    } 
 
    render(){ 
 
    return (
 
     <div ref={r=>this.ref = r}>app</div> 
 
    ) 
 
    } 
 
} 
 

 
ReactDOM.render(
 
    <App />,document.getElementById("app") 
 
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 
<div id="app"></div>