react setState 数据同步传递

在更新一个组件中state的某个数据时,通常将该数据刷新到model的数据中,其他组件需要实时读取model的数据; 而setState是异步执行的,刷新到model中的数据不能保证为state中最新的数据,即有可能是上一个数值,解决办法:在setState方法中实时将数据刷新到model

 

如上传图片,img为上传图片的base64值,若在setState后将数据刷新到model,数据是上一个img的值,可在setState中直接将img刷新到ImgModel

this.getBase64(info.file.originFileObj, img => this.setState({
                img,
                loading: false,
            }, () => {
                const payload = {
                    img: img,
                }
                this.props.dispatch({ type: 'ImgModel/loadImg', payload });
            }));

显示页面则可从ImgModel拿到img显示

const { img } = this.props.ImgModel;
return(
	<div>
	    <img src={img} />
	</div>
);

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值