react ifame自适应高度
首页 > >    作者:lininn   2019年7月15日 10:21 星期一   热度:855°   百度已收录  
时间:2019-7-15 10:21   热度:855° 
import React from 'react';
import ReactDOM from 'react-dom';
import { Row, Col, Icon, Button, Layout, Menu, Card } from 'antd';


export default class Iframe extends React.Component {

  constructor() {
    super();
    this.state = {
        iFrameHeight: '0px'
    }
}



  render() {
    return (
      <iframe 
                  title="key"
                style={{width:'100%', height:this.state.iFrameHeight, overflow:'visible'}}
                onLoad={() => {
                    const obj = ReactDOM.findDOMNode(this);
                    this.setState({
                        "iFrameHeight":  obj.contentWindow.document.body.scrollHeight + 'px'
                    });
                }} 
                ref="iframe" 
                src="/api/dealerList/info?sysDealerId=37009" 
                width="100%" 
                height={this.state.iFrameHeight} 
                scrolling="no" 
                frameBorder="0"
            />
    );
  }
}
二维码加载中...
本文作者:lininn      文章标题: react ifame自适应高度
本文地址:?post=373
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn