反应 - 组件参考不会很快创建

Question

这里是codepen。它通过这种方式很好地工作。您可以在编辑器中键入文本，它将在显示区域中更新。但是我也希望在编辑器中有一些默认文本，在渲染后立即显示在显示中。

我试过这样：

componentDidMount() {
    this.onInput();
}

出于某种原因，这太快了或者其他什么。 ref中display application组件的leaflet-panel-layers尚未准备就绪。请问有什么问题？您是否可以推荐一些其他方法？

澄清：将从数据库加载进入编辑器的文本。应用程序将对输入的文本进行一些处理，并将结果传递给显示组件。

Answer 1

我建议您将状态移到Application并使用Editor和Display作为无状态，可重复使用的组件。使用此解决方案，您可以完全省略裁判。

我使用建议的解决方案分叉并编辑了您的codepen。

我想问题是在调用'componentDidMount`-callbacks之后refs被解析了。但我对此并不是100％肯定。