代码之家 › 专栏 › 技术社区 › devamat

resact@redux/toolkit更新状态时不重新呈现组件

react-thunk redux-toolkit react-redux reactjs javascript

devamat · 技术社区 · 4 年前

问题 :更新存储的状态时,不会重新呈现组件。在上面的示例中,您可以从控制台看到数据被正确地获取,但是组件没有被重新呈现,只是继续呈现 Loading...

预期行为 :更新状态时,将重新呈现组件。

我在组件中使用useState并订阅存储更改(如:

store.subscribe(() => setComponentState(store.getData())

这基本上会在每次更新数据时强制重新渲染。

我可以改变状态 :在官方文件中,他们说你可以改变这个状态,因为它有一些魔力可以做到这一点( https://redux-toolkit.js.org/usage/usage-guide#simplifying-reducers-with-createreducer )因此,这不是问题所在。

有人知道怎样才能让它正常工作吗?

2 回复 | 直到 4 年前

Matt Carlotta 4 年前

//仅示例!不要在真正的应用程序中这样做。

//如果存储状态更改,组件将不会自动更新

相反,你应该使用 useSelector

请注意,如何使用codesandbox示例将导致无限的重新渲染 dispatch(fetchData()); React.useEffect .

例如,使用 useSelector 具有 useEffect :

devamat 4 年前

你不应该使用useStore钩子。你应该使用

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前