window.innerWidth！==实际宽度（React JS）

Question

在使用Chrome的控制台时，以及在调整浏览器窗口的大小时，将显示两组尺寸，一组位于右上角，另一组位于开发工具中。

使用React时，两个宽度不同。这仅在使用React时发生，因为我创建了一个新的html文件对其进行测试，其宽度相同（请参见所附照片）。

一开始我以为这是我的React应用程序的问题，所以我创建了一个新的React App对其进行测试，但是还是一样。

在构建响应式布局时可能会出现问题。我可以知道为什么会这样以及如何解决吗？

非常感谢！