处理影响另一个财产状态的财产

Question

我们如何处理财产状态变化影响另一财产状态的情况？

下面是可能有助于阐明我试图解决的问题的实际情况。

我有一个通用的日期选择器组件，可以作为一个完全独立的组件使用，也可以“链接”到日期选择器的另一个实例。

我每次需要用户设置两个日期时，都会使用这种“链接”方法，例如开始和结束日期。这个想法是，当用户设置开始日期时，我想禁用用户刚刚在第二个日期选择器中设置的开始日期之前的所有日期。这样，用户不会意外设置开始日期之前的结束日期。

每个日期选择器都是我的reducer中的一个对象，具有一些属性。所以它看起来是这样的：

datePickers: { 
    "startDatePicker": { 
     activeDate: "8/24/2017", 
     disableBefore: "", 
     disableAfter: "" 
    }, 
    "endDatePicker": { 
     activeDate: "8/25/2017", 
     disableBefore: "8/24/2017", // Notice that the disableBefore is set to the active date in startDatePicker 
     disableAfter: "" 
    } 
} 

中的对象设置属性的值是很容易的，但我遇到了一个有趣的问题。

正如我所说的，我的日期选择器可以用作单个和独立的日期选择器，在这种情况下，我们不会设置另一个日期选择器实例的禁用日期。

问题是，无论何时我使用“链接”实例并尝试设置第二个日期选择器的禁用日期，用于设置日期的操作在带有未链接日期选择器的减速器中创建问题。由于所有减法器都对同一动作作出响应，因此具有日期选取器的独立实例的减速器仍会响应该动作并尝试设置不存在的日期选取器的禁用日期。

我的一个想法是在减速器中使用一个条件，但我确实觉得这是一个坏主意。这是我问这个问题的地方，我同意答案。 Conditions in reducers

Answer 1

我相信你有一些方法来唯一标识商店里的日期选择器。

我会做的是有更新日期选择器的动作也有一个字段，标识这个链接到其他日期选择器。

这样我就可以从我的动作创建者（我正在考虑Redux Observable，但我相信它也可以用Redux Thunk）分派两个动作：一个更新此日期选择器，另一个更新链接的日期选择器。

这只会让商店更新datepicker的任务，而不用担心逻辑。