如何将事件从Redux传递到React？

Question

我有一个基于GUI react/redux的应用程序.作为视图的一部分,有一个"指示器"反应组件,我希望闪烁,并且使用CSS3动画(动画帧)完成闪烁.indicator.blink()调用react组件的成员函数使指示器闪烁(它基本上从DOM元素中删除了blink类,然后在1ms后再次添加它,作为一个黑客来解决没有"重启"api的事实一个CSS3动画).

在redux框架中发生某些操作(如果需要,它们可以是thunks),我希望blink()在react视图中调用此函数.怎么做到最好？

让redux动作修改app状态是不对的,然后指示元素将其中一个状态变量绑定为a prop,因为它不是一个状态,而是一个瞬时事件.但我知道没有其他方法可以通过redux动作来改变反应组件.

Answer 1

想象一下 CSS 转换是实现细节，并且您不会公开组件上的方法。（无论如何你通常不应该这样做。）

仅由道具驱动如何？我想通过布尔 prop 来想象isBlinking。如果您愿意，您可以将其保留在 Redux 状态中。有一个动作创建者，在几毫秒后调度START_BLINK和。STOP_BLINK

或者您可以避免为此使用 Redux 并从父组件强制调用方法。