Question

我们说我有以下模板：

...
<body>
  <div id="root">Loading...</div>
</body>
...

和React组件非常明显，如

ReactDOM.render(RootContainer, document.getElementById('root'));

（尽可能简化示例）

我想要的是显示div的内容，而React正在处理请求并替换＆＃34;正在加载......＆＃34;加载后使用实际应用程序。

我该怎么做？我看到了一种添加另一个div的方法＆＃34; loading＆＃34;消息并在应用程序加载后隐藏它但在我看来像是一种肮脏的方式

Answer 1

ReactDOM.render采用可选的第三个回调参数，如https://manage.windowsazure.com/microsoft.onmicrosoft.com中所述，因此您可以执行以下操作：

ReactDOM.render(<App />, document.getElementById('app'), function() {
  document.getElementById('placeholder').style.display = 'none';
});