为什么在我在 componentDidMount 中调用操作后 redux 状态未定义？

Question

I have a problem annoying me for a while so here it is... I'm trying to fetch details from an API of mine, so I created an async action creator and as it is usually done I invoke it inside the componentDidmount() . the problem is I want to access the props immediately after the action call but whenever I run console.log(this.props.note) it prints undefined. so how can I access the redux state after the call?

My action:

export const fetchNoteDetail = (id, ) => async dispatch => {
    const response = await notes.get(`notes/${id}`)

    dispatch({type: 'FETCH_NOTE_DETAIL', payload: response.data})
}  

ComponentDidMount():

   componentDidMount() {
      const {id} = this.props.match.params
      this.props.fetchNoteDetail(id)

      console.log(this.props.note) //undefined

    }

Answer 1

在componentDidUpdate()运行这个console.log