Redux Connected React App-在副作用完成之前如何渲染?

时间:2018-11-25 19:58:38

标签: javascript reactjs redux react-redux

反应16.3 Redux 3.7.2

componentDidMount中,我称之为通过副作用(AJAX)填充道具(mapDispatchToProps)的动作。

我的问题是,它重用了来自redux的旧道具-首先渲染该道具,然后在更新通过mapDispatchToProps到达之后重新渲染。

我不想让这个子组件记住它的状态或道具-我需要每次都将其设为空白。

文档指出,该组件在卸载时已销毁,但事实并非如此,因为当您转到此页面或在页面上重新加载时,状态有所不同。

因为重新加载时没有数据,所以页面必须等待副作用完成。

不幸的是,我无法为您提供代码示例-但是任何暴露于这种奇怪行为的人都应该认识我的描述。...

1 个答案:

答案 0 :(得分:1)

您的组件可能会以“旧”状态重新呈现,因为那是您存储在redux中的状态,并将传递给该组件

您可以做的是在0b1111111111111110 ✅ 0b1111111111111101 ✅ 0b1111111111111011 ✅ 0b1111111111110111 ✅ 0b1111111111101111 ✅ 0b1111111111011111 ✅ 0b1111111110111111 ✅ 0b1111111101111111 ✅ 0b1111111011111111 ✅ 0b1111110111111111 ✅ 0b1111101111111111 ✅ 0b1111011111111111 ✅ 0b1110111111111111 ✅ 0b1101111111111111 ✅ 0b1011111111111111 ✅ 0b111111111111111 ❌ <<<< how to make this equal to 0b011111111111111 ? 中触发redux动作,从而破坏该状态。

EG(pseudo-pseudocode):

减速器:

/application/config/ion_auth.php

组件:

// Email Activation for registration
$config['email_activation'] = FALSE;