Reactjs readystatechange与componentDidMount

我希望了解componentDidMount是如何工作的，以及何时启动

这是我以前的代码

componentDidMount() {
 element.width --> 120px // should be 150px
}

现在，由于componentDidMount似乎并不等待DOM完全呈现，所以我使用事件来侦听readystatechange

componentDidMount() {
 document.addEventListener('readystatechange', (event) => {
  if (document.readyState == "complete") {
   element.width --> 150px // correct width
  }
 })
}

---

那么这是正确的方法吗？或者react是否提供了一个替代方案？

它是。。。通常使用react直接查看dom元素是不正确的。。为什么需要元素的宽度？readystatechange只能在第一次运行时工作，如果有的话，因此不是解决问题的好方法。@KevinB我正在加载页面后设置一些元素的动画。我的部分问题是我是否做得正确。@WiktorZychla我不能使用componentDidUpdate，因为我在加载页面后更改了一些“状态”。