Reactjs 使用react在提交时附加加载组件

我有一个解决方法，我一直在尝试在单击提交表单后附加加载程序或进度条组件。我在redux初始状态下声明了加载，但不知道如何从这里开始

是的，我知道如何在使用GET请求从API获取数据时附加加载组件，但不知道如何使用POST请求。因此，表单应该加载一个组件，单击该组件提交数据，然后将数据发送到存储

以下是沙盒链接：

---

任何帮助都将不胜感激。

创建一个额外的操作

惊人的加载

，您可以在API调用之前发送该操作：

export const START_LOADING = "START_LOADING";

然后在您的

onSubmit

中，您可以执行以下操作：

props.startLoading();
props.addUsers(values);

---

谢谢你的建议，我一定会试试看。看起来加载程序总是在提交时加载，如果加载时间超过10秒或其他时间，是否可以连接加载程序。可能我们应该使用一些条件呈现props.startLoading（）…另外，如何在表单组件中呈现实际加载组件？要有条件地呈现实际组件，请执行类似于

{loading&&（）}

export default function(state = initialState, action) {
  switch (action.type) {
    case START_LOADING:
      return {
        ...state,
        loading: true
      };
    case ADD_USERS:
      return {
        ...state,
        users: [...state.users, action.payload],
        loading: false
      };
    default:
      return state;
  }
}

props.startLoading();
props.addUsers(values);