2016-10-27 20:23发布
现在有这样一个需求:
现有一份数据,需要 POST 到服务端
服务端保存成功以后 返回{state: ok}
前端收到{state:ok}以后 弹出提示框，并且几秒以后自动转跳。
现在通过 redux 前端已经收到了{state:ok}了。但是reducer 要求是纯函数，不可以做弹出提示框 & 设置自动转跳这种行为。所以不知道应该怎么写下面的代码了。求指教········
1.可以使用一个标记变量啊,默认为false,在reduce中发现返回{state: ok} 就把标记变量变为true,这样组件就会发生变化重新渲染,这时候你在render中做判断,当标记变量为true的时候就展示那个弹层.false就为null就好啦.2.也可以像楼上说的在componentWillReceiveProps时得到当前改变的,通过判断标记变量来控制显示还是隐藏.恩我也就这两种看似不一样,但是感觉又一样的方法来实现了.
reducer 中记录一个状态，在 component 里面检查这个状态，如果状态是 ok，就执行弹出提示 & 自动跳转
ok
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 赞儒 的问题《redux 异步操作完成以后的操作如何进行？》','https://wenda.whatsns.com/q-303673.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
1.可以使用一个标记变量啊,默认为false,在reduce中发现返回{state: ok} 就把标记变量变为true,这样组件就会发生变化重新渲染,这时候你在render中做判断,当标记变量为true的时候就展示那个弹层.false就为null就好啦.
2.也可以像楼上说的在componentWillReceiveProps时得到当前改变的,通过判断标记变量来控制显示还是隐藏.
恩我也就这两种看似不一样,但是感觉又一样的方法来实现了.
reducer 中记录一个状态，在 component 里面检查这个状态，如果状态是
ok，就执行弹出提示 & 自动跳转一周热门 更多>