在这篇文章中，我将讨论如果我们分割组件会如何影响我们的react应用程序的性能。
首先，代码将是两个组件。
这是第一个组件
这是第二个组件，我们在上面的组件中导入了它
让我们检查一下控制台。
现在我们看到每次我们点击按钮，状态就会改变，然后重新渲染组件，那么每次我们点击按钮!!!!!!!!，就会渲染<Child /> ，我们不需要发生这种情况，因为<Child /> ，没有任何与主组件相关的代码，换句话说，与颜色状态没有任何关系，所以我们不需要因为我们点击了按钮而再次重新渲染它。
这个问题的解决方案。
首先，我们需要建立一个新的文件，包含这两个组件，如下所示
和这两个组件：
现在我们来看看控制台。
我们可以看到，我们可以点击按钮，不再有不需要的渲染，这就是所需要的。
这是我在dev.to的第一篇文章，未来我想在这个网站上分享更多关于react的内容，所以请留下你对这篇文章的反馈，以使接下来的文章更有组织，更有用。
