Доступ к свойствам стиля дочернего компонента

Как я могу получить доступ к свойствам стиля дочерних элементов компонента?

Я создаю компонент кадра, который должен знать width одного из своих дочерних элементов, чтобы установить собственное значение width.

Как я могу этого добиться?

class Frame extends Component {
    state = {}
    componentDidMount() {
        // how can I access the style properties  of
        // a child element ?
        // I would like to know the width
        // of the first child to make Frame
        // render in a specific way
    }

    render() {
        const {children} = this.props;

        return (
                <div style = {{width: value}}> // value calculated against the width
                                            // of children[0]
                    {children}
                </div>
        );
    }
}