常量内的React Redux调度操作
常量内的React Redux调度操作
提问于 2019-04-03 02:45:38
我有下面的组件，它显示来自Redux store的pageName。
const content = ({ pageName }) => {
return (
<div className="content">
{pageName}
</div>
);
}
const mapDispatchToProps = {
DataStatement,
}
const mapStateToProps = state => ({ pageName : state.Page.Name })
export default connect(mapStateToProps, mapDispatchToProps) (content);在上面相同的组件中，我需要重置redux中的数据。我有这个减速机
case 'DATA_STATEMENT':
return {
...state,
Data : {
...state.Data,
StatementData : action.StatementData,
}
}这个动作
export const DataStatement = (StatementData) => ({ type: "DATA_STATEMENT", StatementData: StatementData });所以在Content.js中我需要做的就是DataStatement('');，所以我清空了DataStatement中的值。我在返回内部内容之前添加了DataStatement('');，它不起作用。如何在Redux存储中重置DataStatement。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-04-03 05:26:29
如果你想在渲染之前发送一个动作，你可以这样做
const content = ({ pageName, beforeRendering }) =>
{
beforeRendering();
return (...);
}
const mapDispatchToProps = dispatch => ({
beforeRendering: dispatch(DataStatement()),
})但要小心，因为如果您正在使用任何受重置影响的状态数据，那么它可能会导致循环。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55481623
复制相关文章
相似问题
腾讯云开发者
