假設(shè)你有一個(gè)子組件 Child，你想將數(shù)據(jù)存在 store 下的 child。

當(dāng)前的 store 狀態(tài)是

{
    // other data
    child: {
        // child data
    }
}

在 redux 的世界里， store 的更改必須由 reducer function 來(lái)更改，此時(shí)就需要發(fā)送一個(gè)類(lèi)似 resetChildData 的action，簡(jiǎn)寫(xiě)如下

export resetChildData = () => {
    type: 'REST_CHILD_DATA',
}

然后需要書(shū)寫(xiě)對(duì)應(yīng)的 reducer 來(lái)了真正的清除數(shù)據(jù)

const INIT_STATE = {}

export const childReducer = (state, action) => {
    switch(action.type) {
        case 'REST_CHILD_DATA':
            return INIT_STATE
        default:
            return state
    }
}

注意此時(shí)的 rootReducer 需要綁定這個(gè) childReducer

const rootReducer = {
    child: ChildReducer,
}

至此，在 Child 組件中，將 action 通過(guò) connect 函數(shù)傳入

import resetChildData from '../actions/child'

Class Child extends Component {
}

export default connect(
    null,
    {
        resetChildData,
    }
)(Child)

在組件任何地方就可以使用 this.props.resetChildData 來(lái)清空 store 下的 child

創(chuàng)建一個(gè)文件為 createStore.js ：

import { createStore } from 'redux';

export default createStore({});

然后在 Provider 所謂的，大多數(shù)為 App.js 文件中：

import store from './createStore';

我有一個(gè)使用 Redux + React 的項(xiàng)目給你參考：

文件地址：https://github.com/medz/fans-...

在那個(gè)子組件里，傳一個(gè)action給reducer，這個(gè)action就是你要的空{(diào)},{...state,A:{},B:{}....}