在React中改变体宽变化的状态

Question

当我改变文档的宽度时，我必须改变状态。我怎么能在React中做到这一点？有关如何获取body元素并在其上使用onChange的任何建议吗？

Answer 1

componentDidMount() {
    window.onresize = () => this.setState({ width: window.innerWidth });
}

Answer 2

您需要先根据屏幕尺寸返回2个不同的视图，您可以从这里获得帮助： http://www.alistapart.com/articles/responsive-web-design/

然后每次屏幕更改时（根据您在每个视图上使用的值），将调用componentDidMount，您可以在那里更改状态。