mapStateToProps 子组件间相互影响

大页面中放置九个子组件,子组件有状态,每个子组件都有调用接口,由于业务需要每个子组件需要一个定时器来控制一个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 
    }
}
原文地址:https://www.cnblogs.com/lskzj/p/12850508.html