首页 > 其他 > 详细

mapStateToProps 子组件间相互影响

时间:2020-05-08 15:02:42      阅读:84      评论:0      收藏:0      [点我收藏+]

大页面中放置九个子组件,子组件有状态,每个子组件都有调用接口,由于业务需要每个子组件需要一个定时器来控制一个tooltip的轮播展示,对于A子组件内部有个 antd 的 Radio.Group 的点击时的onChange事件重新调用后台接口,但是会对B子组件内的tooltip和定时器有影响

原因:框架里之前子组件内的页面的mapStateToProps 之前为了省事写了公共方法

export const mapStateToProps = ({mon})=>({
    …mon
})

页面内 export defalut connect(mapStateToProps,{ xxAction })(页面名称)

这样A子组件内部的onchange使用 this.props.接口 调用后台接口时会对B影响了,

后续修改 mapStateToProps 为:

const mapStateToProps = (state) => {
    return {
        messages: state.flashMessages 
    }
}

 

mapStateToProps 子组件间相互影响

原文:https://www.cnblogs.com/lskzj/p/12850508.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!