Изменение высоты дочерних компонентов на высоту родительских компонентов с помощью ref React

Question

В настоящее время я застрял на том, как изменить высоту дочерних элементов на высоту их родительских элементов. Я прочитал документацию по поводу «ref» в реакции, но я не думаю, что его можно использовать в моем сенарио, так как у меня есть несколько Div, в которых есть два Child. Я сделал это в jQuery, но не в реакции. Какие-либо предложения. Вот мой код

        class EventDisplay extends React.Component {
        constructor() {
            super();
        }


        render() {


            return (
                <div>
                    <div className="ecs-event-list row ">
                    <div className="event1Parent">
                        <div className="event1Child"> zxcasd </div>
                        <div className="event1Child">zsxcasd</div>
                    </div>
                    <div className="event2Parent">
                        <div className="event2Child">zxcasd</div>
                        <div className="event2Child">asxcasd</div>
                    </div>
                    <div className="event3Parent">
                        <div className="event3Child">zxcasd</div>
                        <div className="event3Child">asxcasd</div>
                    </div>
                    </div>
                </div>
            );

        }
        }


        ReactDOM.render(<EventDisplay />, document.querySelector("#app"))

    <div id="app"></div>