组件需要更新以接收新 prop 。

有很多方法可以实现你的目标：

1. componentDidUpdate检查value是否更改，然后执行操作。

componentDidUpdate(prevProps){
     if(prevProps.value !== this.props.value){ alert(prevProps.value) }
  }

字符串

2. redux-promise（中间件将分发promise的解析值）

export const updateState = (key, value)=>
Promise.resolve({
  type:'UPDATE_STATE',
  key, value
})

型
然后在组件中

this.props.dispatch(updateState(key, value)).then(()=>{
   alert(this.props.value)
})

型

2. redux-thunk

export const updateState = (key, value) => dispatch => {
  dispatch({
    type: 'UPDATE_STATE',
    key,
    value,
  });
  return Promise.resolve();
};

型
然后在组件中

this.props.dispatch(updateState(key, value)).then(()=>{
   alert(this.props.value)
})

型

使用Hooks API：
useEffect以prop作为输入。

import React, { useEffect} from 'react'
import { useSelector } from 'react-redux'

export default function ValueComponent() {
   const value = useSelector(store => store.pathTo.value)

   useEffect(() => {
     console.log('New value', value) 
     return () => {
        console.log('Prev value', value) 
     }

   }, [value])

   return <div> {value} </div>
}

字符串

关于React最重要的一点是单向数据流。在你的例子中，这意味着调度动作和状态更改处理应该是解耦的。
你不应该想“我做了A，现在X变成了Y，我来处理它”，而是“当X变成Y时我该怎么办“，这与A没有任何关系。除了你的组件，存储状态可以从多个源更新，时间旅行也可以改变状态，它不会通过你的A调度点。
基本上，这意味着您应该使用@Utro提出的componentWillReceiveProps

你可以使用subscribe监听器，当一个动作被调度时，它会被调用。在监听器中，你会得到最新的存储数据。
http://redux.js.org/docs/api/Store.html#subscribelistener

你可以在回调函数中使用形转换函数

myThunk = cb => dispatch =>
  myAsyncOp(...)
    .then(res => dispatch(res))
    .then(() => cb()) // Do whatever you want here.
    .catch(err => handleError(err))

字符串

作为一个简单的解决方案，您可以使用：用途：redux-promise
但是如果你使用redux-thunk，你应该这样做：

function addCost(data) {
  return dispatch => {
    var promise1 = new Promise(function(resolve, reject) {
      dispatch(something);
     });
    return promise1;
  }
}

字符串

redux的dispatch返回一个promise，你可以像这样从它链接出去。

const submissionPromise: any = dispatch(submitFundRequest())
        submissionPromise
            .then((response: any) => {
                if(response.error) {
                    return console.log('There was an error', response)
                }
                Swal.fire({
                    title: 'Submission',
                    text: 'You have successfully submitted the requisition'
                })
            })
            .catch((err: any) => {
                console.log('Submission failed', err)
            })

字符串
response.error仅在thunk被拒绝时设置。在submitFundRequest thunk中，您可以执行以下操作来拒绝。

export const submitFundRequest = createAsyncThunk(
    'fundRequest/submitFundRequest',
    async function submit(payload, thunkAPI) {
        try {
            ...
        } catch(e: any) {
            const error = { message: e.response.statusMessage }
            return thunkAPI.rejectWithValue(error)
        }
    }
)

型