保证儿童成分的高度是＆gt; =兄弟儿童成分

Question

我希望动态地这样做。我有一个父组件，它有两个子组件。每个孩子都嵌套在自己的div中。两个孩子都可以更新，并且由于其内容的性质，可以独立地改变身高。我想保证子组件1 div总是具有与子组件2相等或更高的高度。当它没有时，我希望它动态地改变以匹配其兄弟。代码：

class Parent extends Component {

    render(){
        return(
            <div className="childComponent1wrapper">
                <ChildComponent1/>
            </div>

            <div className="childComponent2wrapper">
                <ChildComponent2/>
            </div>
        );
    }
}

我考虑过在商店中保存每个儿童组件的高度，并将道具传递给父组件作为道具，但这似乎有点过分。 我尝试过使用父版本的onComponentDidUpdate（），但是在儿童更新时它并没有触发。

我怎么能实现这个目标？感谢