问题标签 [redux-store]

我有一个在 redux 商店中有购物车的应用程序。当用户完成购买时。移出最终页面时，我重置（redux 存储）购物车。但是当用户单击浏览器后退按钮时。redux 存储返回之前的数据。如何彻底清除 redux 商店？购买无需登录/注册。我正在将 Reactjs 与 Redux（使用 redux-thunk）一起使用。

当用户点击后退按钮时 - （不要转到上一页，即再次付款页面）

购物车动作

推车减速机

问题

当用户点击浏览器后退按钮时。然后可以访问Previous redux store 数据。有没有办法完全重置商店？

我是使用 React-Redux 的新手。因此，我在这种特殊情况下面临一些问题。我的 Redux 商店是这样的：

现在，我从不同的页面收到这两个详细信息。我将它们存储在商店中，并使用 react-redux 进行 API 调用以更新商店数据。因此，我使用单独的 API 调用接收这两个数据。现在，当我更新 userInfo 有效负载时，我可以成功更新我的 userInfo 存储状态。但是，firstName 和 lastName 是两个常见的字段。因此，每次我更新 userInfo 时，更新信息的最佳做法应该是什么，因为它们必须同步且相同。

粘贴一些redux代码以供参考：

reducer.js（供参考）

reducer.js（用于用户信息）

请帮助我采用最佳做法，以便在更新另一个数据时更新这两个数据以保持数据同步。TIA。

在我的反应项目中，我有一个如下所示的操作文件：

所以在这个例子中，我知道 dispatch 来自middleware并且getContents可以访问它，因为它是使用mapDispatchToProps. 所以我假设什么时候getContents被调用，它真的像这样调用 ->dispatch(getContents)但是这可以用普通的 JavaScript 复制，这样我就可以看到到底发生了什么？如果我对为什么getContents可以访问有误，dispatch请告诉我。

例如，如何startLoad能够使用dispatch仅仅因为dispatch被调用startLoad？我注意到，如果我这样称呼它，它也会起作用：dispatch(startLoad(dispatch));.

将调度传递给startLoad实际上对我来说更有意义，所以我不明白为什么不需要这样做。

编辑：这是我自己想出的最接近的例子。

我能够在单击按钮期间正确地控制台记录增量和减量结果。我正在尝试使用 myStore.getState() 更新 UI，但似乎无法正常工作。如何订阅和更新 UI？非常感谢，并提前。

从 React 应用程序中删除收藏夹时，它会删除这道菜，但会引发错误

const favorites = props.favorites.favorites[0].dishes.map((dish), {.. TypeError: Cannot read property 'dishes' of undefined ...

重新加载应用程序后，它只显示剩余的未删除菜肴（工作正常）

在主要组件中将道具“最喜欢”传递给最喜欢的组件

在最喜欢的组件中检查道具结果并将道具传递给渲染菜单组件

渲染菜单组件接收上面传递的道具

收藏项删除的动作创建者

收藏夹的减速器

在启动时的应用程序中，我有一个启动画面。在显示启动画面时，我使用asyncStorage. 我想将该数据保存到我的商店。所以我将我的App.ts组件连接到商店，如下所示：

这是其余的设置App.ts：

当我运行应用程序时，我收到一条错误消息：

Could not find "store" in the context of "Conenct(App)". Either wrap the root component in a <Provider> or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(App) in connect options.

我的问题是，是否可以在此顶层连接到商店，还是只能在子组件中完成？

所以我使用 Redux 进行状态管理，我想从我的全局状态中获取一些信息。这是我的代码：

const vehicleBasicInfo = useSelector((state: AppRootState) => state.vehicleInfo.data);

const { companyName } = useSelector((state: AppRootState) => state.companies);

这是我用来在名为Available Vehicle的选项卡中获取这两个值的代码，这是我启动应用程序时的默认选项卡。因此，当我启动应用程序时，它会直接将我带到此选项卡中，并且我的两个状态值（vehicleBasicInfo和companyName）都是空的。当我转到选项卡检查更多信息时，其中使用和显示了这两个值（vehicleBasicInfo和companyName）（在这两个组件中，我使用的代码与此处的示例完全相同）它们不为空，并且正确显示在此选项卡。访问检查更多信息选项卡并返回可用车辆后选项卡，值不再为空。有人可以解释一下发生了什么以及如何解决这个问题，以便在我第一次打开“可用车辆”选项卡时从我的商店获得正确的值吗？

对不起，很长的帖子，我希望有人可以帮助我。

编辑：我需要进行调度以获取值。

我已将产品数据存储在我的 MongoDB 数据库中，我想获取该数据并将该数据存储在我的 productReducer.js 文件的初始状态中。现在我已经硬编码了初始状态的产品数据，但我不希望这样。告诉我如何解决这个问题。我已经制作了 API。我已经使用了thunk，但它对我不起作用。距离提交还有2天。 我已将数据硬编码到 Product Reducer 的初始状态中。我不想要那个。我想从我的 MongoDB 数据库中获取数据并将其以初始状态存储在这里。

我正在尝试在我的 expo 应用程序中创建一个 index.js 文件：

我这样做是因为我需要访问我的 App.js 文件中的商店并且我一直遇到这个错误

我也修复了 package.json 中的主文件，但错误仍然存​​在。对此问题有任何想法/其他解决方法吗？将不胜感激！

I am trying to connect my component that is placed inside a Route to a redux store, but without any success. Running the program throws an error saying: TypeError: props.setIsLoggedIn is not a function Connecting store to components outside of Route (e.g. MenuBar) works without any problems.

Important part of file containing Routes:

Important part of LoginPage file: