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

Question

我有一个解决方法，我一直试图在单击提交表单后附加一个加载器或进度条组件。我已将加载声明为redux初始状态，但不知道如何从此处继续。是的，我知道如何在使用GET请求从API提取数据时附加加载组件，但不知道如何与POST请求一起使用。因此，表单应该加载一个组件，单击该组件即可提交，然后它将数据发送到商店。以下是沙箱链接：https://codesandbox.io/s/brave-lewin-bp3w6?file=/src/Form.jsx任何帮助将不胜感激。谢谢

Answer 1

创建您可以调度的其他操作：-startLoading

export const startLoading = () => {
  return {
    type: START_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: true
      };
    default:
      return state;
  }
}

那么你可以做

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