Redux：延迟存储更新？

Question

我一直在尝试使用纯CSS来实现这一目标，但是我运气不高。

当我将可见状态设置为true时，我也对autoClose状态进行了同样的操作，动画延迟了冲突，而我没有得到想要的效果。

CSS ：（样式化组件）

${({ visible }) =>
    visible &&
    `
        animation-name: show;
        animation-delay: 0s;
`};

${({ autoClose }) =>
    autoClose &&
    `
        animation-delay: 10s;
        animation-name: hide;
`};

为了解决这个问题，我已经在调度级别上处理了我的时间安排，但是我没有被出售这是实现此目标的最干净的方法，因为这意味着设置超时并再次调度？

store.dispatch(showAction()); // Sets visible to true

setTimeout(() => {
    store.dispatch(closeAction()); // sets autoClose to true
}, 10000);

这有效-但是有更好的方法吗？！

谢谢！

Answer 1

使用redux promise。您的操作可以返回承诺，然后可以使用“ .then（...）”逻辑。