是因为React和Redux是两个独立的库,它们之间没有直接的联系。React是一个用于构建用户界面的JavaScript库,而Redux是一个用于管理应用状态的库。在React中,组件的更新是由其props或state的变化触发的,而不是由Redux存储的变化触发的。
当Redux存储发生更改时,需要通过Redux提供的API来通知React组件进行更新。通常情况下,可以使用React-Redux库来连接Redux和React,以便在Redux存储更改时更新React组件。
React-Redux提供了两个主要的API:Provider和connect。Provider组件将Redux存储作为props传递给React组件树,使得所有的组件都可以访问Redux存储。connect函数用于连接React组件和Redux存储,将Redux存储中的状态映射为组件的props,并将Redux的dispatch方法映射为组件的props,从而使得组件可以订阅Redux存储的变化并更新。
在React组件中使用connect函数连接Redux存储后,当Redux存储发生更改时,React组件会自动更新。这是因为connect函数会生成一个新的包装组件,该包装组件会订阅Redux存储的变化,并在变化发生时重新渲染被包装的React组件。
总结起来,React UI不会在Redux存储更改时更新,是因为React和Redux是两个独立的库,需要使用React-Redux库来连接它们,并通过connect函数将Redux存储的变化映射到React组件的props上,从而实现在Redux存储更改时更新React组件。
领取专属 10元无门槛券
手把手带您无忧上云