Reactjs 如何使用Redux将POST请求中的数据传递到全局状态？

我的表单有一个提交按钮，在提交时会发出一个POST请求，并用一些数据进行响应。我想将这些数据从POST请求传递到一个全球化的国家。这就是我到目前为止所做的：

import { useSelector, useDispatch } from 'react-redux'
import { startLoading, stopLoading, contextualize } from './actions'

  function handleSubmit(event) {
    if (values.firm != '' && values.infosys != '' && values.spot != '') {
      console.log(values)
      const postData = async () => {
        const data = JSON.stringify({values})
        const result = await axios.post('http://127.0.0.1:5000/form/', data)
        console.log(result.data)
      };
      postData()}
    }

我希望上下文化操作处理将POST数据设置为全局状态的操作。

export const contextualize = (data) => {
    return {
        type: 'CONTEXTUALIZE'
    }
}

如何将操作中的数据输入下面的减速机，以设置应用程序的全局状态？

const contextReducer = (state=null, action) => {
    switch(action.type){
        case 'CONTEXTUALIZE':
            return state
        default:
            return state
    }
}

export default contextReducer

---

通过向操作返回的对象添加

有效负载

键，可以将数据从操作传递到减速机：

export const contextualize = (data) => {
    return {
        type: 'CONTEXTUALIZE',
        payload: data
    }
}

然后调整减速器以返回有效负载：

const contextReducer = (state=null, action) => {
    switch(action.type){
        case 'CONTEXTUALIZE':
            return action.payload
        default:
            return state
    }
}

现在您有了一个将数据传递给减速器的操作，并反过来更新全局状态

const contextReducer = (state=null, action) => {
    switch(action.type){
        case 'CONTEXTUALIZE':
            return action.payload
        default:
            return state
    }
}