js相对视口的高度_在ReactJS中获取视口/窗口高度

How to get viewport's height???

window.innerHeight()

But using reactjs, I'm not sure how to get this information. My understanding is that

ReactDOM.findDomNode()

only works for components created. However this is not the case for the document or body element, which could give me height of the window.

解决方案class AppComponent extends React.Component {

constructor(props) {

super(props);

this.state = {height: props.height};

}

componentWillMount(){

this.setState({height: window.innerHeight + 'px'});

}

render() {

// render your component...

}

}

Set the props

AppComponent.propTypes = {

height:React.PropTypes.string

};

AppComponent.defaultProps = {

height:'500px'

};

viewport height is now available as {this.state.height} in rendering template