redux数据改变，组件运行中的生命周期不执行

标题

// action

function getHomeData(data) {

    return {

        type: 'HOME_REAL_TIME_CHARTS_RETURN',

        homeCharts: data

    }

}

export const getHomeRealTimeData = () => {

    return dispatch => {

        //socket 获取第一次数据

        socket.emit('indexAllCoins', {type: 1})

        socket.on('indexAllCoins', function (data) {

            dispatch(getHomeData(data))

        })

    }

}

home

action

// reducer

case 'HOME_REAL_TIME_CHARTS_RETURN':

    return {

        ...real,

        homeCharts: increaseHomeData(action.homeCharts)

    }





function increaseHomeData (data) {

    if(data.type === 1) {

        homeDate = data.attachment

    } else {

        let coinCode = data.attachment.coinCode

        homeDate.forEach((item, index) => {

            if(item.coinCode === coinCode) {

                homeDate[index] = data.attachment

            }

        })

    }

    return homeDate

}

reducer

increaseHomeData

// 第一次返回

let fst = {

    type: 1,

    attachment: [{ coinCode: '1' }, ...]

}



// 以后推送的单条数据

let sec = {

    type: 2,

    attachment: {

        coinCode: '2'

    }

}

// home component

class Home extends Component {

    render () {

        const { homeCharts } = this.props

        return (

           

        )

    }

}



export default connect(state => {

    console.log(state) // 这里打印的state可以明确的看到store上对于的数据已经更新

    return {

        ...state.homePage,

        random: Math.random()

    }

})()

home

random

log(state)

运行中

random

react-dev-tool

home

props

props

log(state)

log