用户操作后重新渲染反应组件

时间:2021-01-12 10:04:52

标签: reactjs redux

我有一个基本的工作清单,每页大概有 20 个元素,每个元素都有喜欢的图标,根据 db 的数据,我将其填充为红色或灰色,实施起来非常简单,但如何做好?我的意思是,当用户单击类似按钮时会发生什么?在我看来,我必须进行 redux 调用以确保我会在 db 中更新此值,但是我应该在前端做什么?我应该从 db 再次获取整个列表并重新渲染整个组件吗?还是我必须自己改变 like 的值?

2 个答案:

答案 0 :(得分:0)

仅仅为了显示喜欢的图标而更新整个组件是个坏主意。所以你在这里可以做的是,当用户点击类似按钮时,更新该特定可重用组件的状态并调用 redux 来更新数据库

答案 1 :(得分:0)

您的列表是如何存储的?在还原 ? 我假设每个项目都应该有一个 liked 属性,即 true/false

因此,当您单击“喜欢”按钮时,您必须调度一个操作来调用后端来更新您的数据库,并在您的 Redux 存储中切换此布尔值。 (顺便说一句,Redux 不会更新您的数据库)

您可以查看redux-thunk,了解如何调用后端并使用 thunk 中间件更新您的 redux 存储