为什么只有一个状态改变后所有React组件都会重新渲染

Question

我正在尝试使我的第一个React应用程序成为其中之一，我需要说明一下为什么只有一个更改状态时所有组件都会重新呈现。

以下是代码：https://codesandbox.io/s/map-i8s0x?file=/src/components/App/App.tsx

在每个组件中都有console.log，以检查它们何时呈现。 例如，在控制台中选择新颜色时，将打印来自所有组件的日志，例如下面的打印屏幕。 如果SearchResults，SummaryBox，CountrySearchBar或Tabel如果没有获得更改的道具，为什么要重新渲染？

例如，将一些国家/地区名称输入到输入中并在结果中单击以输入名称时，也会发生同样的情况。在控制台中，所有组件的日志多次出现，好像整个应用程序被重新渲染了几次一样。

感谢您的指教，我将如何解决它