我有一个 React 组件,我希望将其 insideHTML 作为 prop 传递给 iframe。
render() {
const page = <PrintPage />
const iframeContent = page..something...innerHTML
return (
<iframe srcDoc={iframeContent}/>);
}
有什么办法可以做到这一点吗?
我只想在 iframe 内渲染,所以我不能使用 ref。我想要未安装组件的innerHTML
最佳答案
您可以使用refs
或ReactDOM.findDOMNode
来获取innerHTML,但应该安装组件。
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>
关于reactjs - 如何获取React组件的innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45456644/