在我的React JS应用程序中,表中有一个具有唯一订单ID的订单列表。当我点击订单表的一行,然后打开一个新的标签,其中包含该订单的详细信息,然后我将这些详细信息存储在redux商店中。
这是工作正常。
现在的用例是假设我打开一个新的订单,它打开一个新的标签,然后在redux商店中存储该订单的详细信息。目前,如果我转到第一个订单详细信息的上一个选项卡,然后显示最新订单存储的订单详细信息,它会将旧数据覆盖为新数据。
我想为每个选项卡删除redux数据冲突一个新的存储。我如何才能做到这一点?
在我的React JS应用程序中,表中有一个具有唯一订单ID的订单列表。当我点击订单表的一行,然后打开一个新的标签,其中包含该订单的详细信息,然后我将这些详细信息存储在redux商店中。
这是工作正常。
现在的用例是假设我打开一个新的订单,它打开一个新的标签,然后在redux商店中存储该订单的详细信息。目前,如果我转到第一个订单详细信息的上一个选项卡,然后显示最新订单存储的订单详细信息,它会将旧数据覆盖为新数据。
我想为每个选项卡删除redux数据冲突一个新的存储。我如何才能做到这一点?
1条答案
按热度按时间lnvxswe21#
每次创建新订单时,您可以为每个选项卡创建一个唯一的键,并将此状态作为字典保留在redux状态中。[tabKey1]:{orderState1},[tabKey2]:联系我们
可以将这些键作为查询参数传递。