我正在使用Redux状态从API保存令牌并填充项目列表(对象数组)。
我尝试从v6(react-redux 6.0.1
)更新到v7(react-redux 7.0.1
),但遇到了一些问题。
我的应用似乎挂在微调器中(如未加载)。由于我可以看到控制台日志,并且已将令牌保存在redux状态,因此已加载react应用程序本身。
我的应用程序的工作方式如下->应用程序首次加载->调用API,获取令牌->将令牌设置为redux状态->使用该令牌调用另一个API并获取项目列表->设置项目列表为redux->渲染应用程序。
我的应用程序不检查是否有某些项目处于redux状态(或者最好说,如果状态为空,它不会停止应用程序加载),但是不会加载。 Redux状态为空(仅设置/保存了令牌),奇怪的部分是我没有构建错误,也没有浏览器控制台错误。
关于我应该如何调试的任何想法?据我所知,从v6迁移到v7时,唯一的“突破性变化”是您不能再使用propTypes.func
,而我从未使用过(因此没有错误)。
谢谢!
编辑:通过检查react开发人员工具(chrome)并直接转到页面,我可以看到我的应用甚至不关心路由,因为react-redux上的更新。我的意思是:转到site.com/list
,它应该打开列表页面组件,但是开发人员工具仅显示带有加载微调器的home组件。似乎除了HomeComponent之外,它没有加载任何其他组件?
HomeComponent = App.jsx
对我来说,这就是开发人员工具显示为已加载的唯一内容。