当我在浏览器中运行我的react应用程序时，一切正常。但当我编辑文件并保存它时，我仍然可以看到整个应用程序但当我尝试与它交互时，它不起作用，我执行了inspect element，看到body没有包含任何内容。然而内容是可见的?有解决方案吗?
注意，当我重新加载页面时，一切都很好，但是每次都要重新加载页面很烦人。
Next JS是基于Reactjs的，这可能对你有帮助:
快速刷新尝试在组件中保持本地React状态你在编辑，但前提是这样做是安全的。这里有几个原因为什么每次编辑文件时都会重置本地状态:
局部状态不为类组件保留(只有函数组件和钩子保留状态)。除了React组件之外，您正在编辑的文件可能还有其他导出。有时，文件会导出调用高阶组件(如HOC(WrappedComponent))的结果。如果返回组件是一个类，它的状态将被重置。匿名箭头函数，如export default () =>;导致快速刷新不保留本地组件状态。对于大型你可以使用我们的name-default-component代码库。
随着越来越多的代码库转移到函数组件和钩子上可以期望在更多的情况下保存状态。
你可以从文档中阅读更多关于FastRefresh的信息。