Доступ к родительскому узлу из virtualDOM перед его отображением | ReactJS

Question

Мне нужно установить размеры компонентов в зависимости от родительского элемента. Можно ли получить ширину и высоту родителя по ссылке из virtualDOM до его рендеринга?

Родитель

export default class App extends React.Component { 
 
    render() { 
 

 
    return (
 
     <div> 
 
     <div className={'avocado-container'} ref={(container) => { this.container = container; }}> 
 
      <Resizer parent={this} scrollAxis={'y'}> 
 
      </Resizer> 
 
     </div> 
 
     </div> 
 
    ); 
 
    } 
 
}

мне нужно, чтобы получить размеры в конструкторе ребенка.

Возможно с чем-то вроде this.refs.container.offsetWidth?

Answer 1

№: Размеры макета вычисляются браузером, а не Виртуальным DOM. Либо установите размеры вручную, либо используйте CSS, чтобы сделать ширину и высоту заполнения вашего дочернего компонента. Вы также можете прочитать ширину и высоту от отображаемого компонента в componentDidMount и вызвать там setState, что не является идеальным и вызовет второй рендер, но иногда это необходимо сделать.