我有4列，没有一个高度是固定的，我需要找到这些列的高度，以便最大列的高度可以设置为其他三列。如何使用 React 而不是使用“minHeight” css 来做到这一点？
我是 React 的新手，我在这里找到的最接近的问题是ReactJS 的渲染组件高度。
我还发现这个链接说这可以通过获取 DOMNode 和使用 Refs 来完成，但我没有成功。
在 React 中获取组件的高度
IT技术
reactjs
dom-node
2021-05-02 22:16:43
1个回答
您可以只使用ref回调并访问其中的 DOMNode。
class Example extends React.Component {
constructor(props) {
super(props);
this.state = {
height: null
};
this.columns = ['hello',
'this is a bit more text',
'this is a bit more text ... and even more'];
}
render(){
return <div ref={(node) => this.calcHeight(node)}>
{
this.columns.map((column) => {
return <div style={{height: this.state.height}}>{column}</div>
})
}
</div>;
}
calcHeight(node) {
if (node && !this.state.height) {
this.setState({
height: node.offsetHeight
});
}
}
}
React.render(<Example />, document.getElementById('container'));
jsfiddle 的工作示例：http : //jsfiddle.net/vxub45kx/4/
也看看这里：https : //facebook.github.io/react/docs/more-about-refs.html