如何在ReactJs动态中加载组件？

Question

我们正在使用visual studio框架开发Web应用程序，我们的项目有很多组件。但问题是我们在index.html页面中引用的每个组件，因此我们的索引页面的大小正在增加。我在下面展示的组件。

<div class="container">
  <div class="row parent-row">
    <div class="col-lg-4 div-wrap">
    <div class="a">A</div>
    <div class="b">B</div>
    <div class="c">C</div>
   </div>    
  </div>
</div>  

现在我怎么能解决这个性能问题呢，有没有其他方法可以动态加载这个组件，我认为如果我根据需要在其他组件中引用一个组件，可以使用一个解决方案。什么是最好的方法解决这个问题？