在Aphrodite/Reactjs中挂载其父组件及其样式后，需要调用子组件

Question

我有一个结构，其中我的父组件(布局)(表示组件)将呈现具有子组件(Fitme)的DOM，它将获得滚动高度和客户端来检查子组件是否溢出，并减少/增加字体大小。

正如所说，父母确实挂载终究会被调用的。因此，我的fitme组件会在父级执行之前执行。它使孩子不能像预期的那样工作。

要求:由于我希望孩子是可插入的，我不想传递任何属性的道具从父母通知孩子的挂载状态。

编辑的：请找到沙箱链接。这是第一次(加载后)，它将不适合文本。但是如果您更改了dom，那么它将重新修改组件。看起来不错。

https://codesandbox.io/s/k2051pwl83

更新：我想这就是我用来以js方式应用css的插件的问题。我不确定，但我用吉特开了一张票。代码在沙箱中被更新。

提前谢谢，

Answer 1

首先，没有任何相关的反应。反应要尽力而为。我不应该怀疑自己的反应。

这一问题与Aphrodite有关。它使用尽快来调度缓冲区刷新。就像医生在警告部分说的，

如果在componentDidMount或componentDidUpdate，中度量DOM元素的维度，则可以使用setTimeout或flushToStyleTag来确保注入所有样式。

所以我必须在componentDidMount或componentDidUpdate.中添加setTimeout

下面是更新的CodeSandbox：https://codesandbox.io/s/4364jvm7q9