在DOM中反应组件渲染

时间:2020-06-17 02:46:40

标签: javascript reactjs dom

1)使用create-react-app构建应用程序时,每个组件的render方法中的所有代码都将打包到一个文件中,并立即一次全部加载到DOM吗?还是在需要时加载它们?如果是这样,哪些组件要提前加载,哪些要稍后加载?

2)如果一切都通过React.render()方法注入到根节点中时立即全部加载,那么生命周期方法componentDidMount的意义何在?如果全部都注入在一起并在初始负载下成为DOM树的一部分,那么是否不会同时安装所有内容?

1 个答案:

答案 0 :(得分:0)

Create-React-app为您提供了强大的预设配置,因此您无需从头开始配置react项目。您不必设置webpack,默认软件包,lint配置,文件夹结构等。最终,如果您感到舒适,就可以进行更改。或者甚至可以从头开始,但是当您是初学者时,这可能会充满挑战。

react中的组件会根据需要从html文件的根点开始创建和导入。根入口点将用作创建入口点的反应的参考,并且根入口点将构建虚拟DOM并根据需要创建其他组件,而不是同时包含所有组件。

同时,Webpack会基于调用其余文件的入口文件将所有文件和目录编译为一个文件。没有webpack或类似的东西,您将没有一个很好的文件夹结构来开发您的react项目。

从那时起,react处理一个虚拟DOM,以管理组件状态并通过组件生命周期支持更新,进行适当的比较以避免不必要的转售,并在需要时删除组件。如果所有内容都立即渲染,那么您将拥有静态文件,从而无需使用react或类似的spa。

相关问题