react页面渲染之前_如何在渲染之前获取React组件的大小（高度/宽度）？
小编典典如前所述，在将元素呈现为DOM之前，您无法获得任何元素的尺寸。在React中，您可以做的只是渲染一个容器元素，然后在中获取其大小componentDidMount，然后渲染其余内容。我做了一个有效的例子。请注意，使用setStatein componentDidMount是一种反模式，但在这种情况下可以使用，因为这正是我们要实现的目标。干杯!码：import React, { Compon
小编典典
如前所述，在将元素呈现为DOM之前，您无法获得任何元素的尺寸。在React中，您可以做的只是渲染一个容器元素，然后在中获取其大小componentDidMount，然后渲染其余内容。
我做了一个有效的例子。
请注意，使用setStatein componentDidMount是一种反模式，但在这种情况下可以使用，因为这正是我们要实现的目标。
干杯!
码：
import React, { Component } from 'react';
export default class Example extends Component {
state = {
dimensions: null,
};
componentDidMount() {
this.setState({
dimensions: {
width: this.container.offsetWidth,
height: this.container.offsetHeight,
},
});
}
renderContent() {
const { dimensions } = this.state;
return (
width: {dimensions.width}
height: {dimensions.height}
);
}
render() {
const { dimensions } = this.state;
return (
{dimensions && this.renderContent()}
);
}
}
2020-07-22
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献7条内容
所有评论(0)