React-redux：爲什麼我發送一個動作狀態改變但視圖不更新？

Question

我組合減速器並在index.js中添加初始狀態。

const store = createStore(Reducers, initialState); 

和mapDispatchToProps這樣的：

const mapDispatchToProps = (dispatch, ownProps)=>({ 
    getAboutMeData:()=> dispatch(getAboutMeData()) 
}); 

，我的行爲是這樣的：

export const getAboutMeData =() => ({ 
    type: GET_ABOUTME_DATA, 
    payload:{ 
     basicInfo: { 
      name: "change data", 
      job: "change data", 
      hometown: "change data", 
      birthday: "change data", 
      degree: "change data", 
      livein: "change data", 
      avater: "change data", 
      school: "change data", 
      majorIn: "change data" 
     } 
    } 

}) 

更新我的組件時，使用componentDidMount由：

componentDidMount(){ 
    const {getAboutMeData} =this.props; 
    getAboutMeData(); 
} 

和我紅眼ERS是這樣的：

export default function aboutMe(state= {}, action) { 
switch(action.type) { 
    case GET_ABOUTME_DATA: 
    return action.payload 
    default: 
     return state 
} 
} 

但我的組件沒有更新狀態，我不知道爲什麼。

Answer 1

組件僅使用道具或狀態更改進行更新。因此調度一個動作和更新一個組件是不相關的。

您應該配置mapStateToProps像下面

const mapStateToProps = state => { 
    return { 
     aboutMe: state.aboutMe 
    }; 
} 

const mapDispatchToProps = (dispatch, ownProps)=>({ 
    getAboutMeData:()=> dispatch(getAboutMeData()) 
}); 

export default connect(mapStateToProps, mapDispatchToProps)(Component)