如何在ReactJS中获取视口高度?在普通JavaScript中,我使用
window.innerHeight()
但是使用ReactJS,我不确定如何获取此信息.我的理解是
ReactDOM.findDomNode()
仅适用于创建的组件.然而,这不是document
或body
元素的情况,它可以给我窗口的高度.
如何在ReactJS中获取视口高度?在普通JavaScript中,我使用
window.innerHeight()
但是使用ReactJS,我不确定如何获取此信息.我的理解是
ReactDOM.findDomNode()
仅适用于创建的组件.然而,这不是document
或body
元素的情况,它可以给我窗口的高度.
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...
}
}
设置props
AppComponent.propTypes = {
height:React.PropTypes.string
};
AppComponent.defaultProps = {
height:'500px'
};
视口高度现在在渲染模板中可用为{this.state.height}