禁用按钮取决于来自 redux 的响应

Question

我目前根据updateReminderResponse 对象显示模态。如何在等待请求解决时禁用该按钮：

  const [disabled, setDisabled] = useState(false);

  const disableSubmit =
    disabled && typeof updateReminderResponses !== "undefined" ? true : false;

<Button
  title="example"
  buttonStyle={[buttons.primary]}
  titleStyle={buttons.primaryTitle}
  onPress={() => onSubmit()}
  disabled={disableSubmit} // disable until updateReminderResponse is defined
 
/>
{updateReminderResponse && updateReminderResponse.updateFailure && (
  <MessageModals showModal callback={closeFailModal} />
)}
{updateReminderResponse && updateReminderResponse.success && (
  <MessageModals
    showModal
    successTick
    modalBody={myVehiclesCmsContent.updateRemindersSuccessMessage}
    callback={closeSuccessModal}
  />
)}

Answer 1

不要跟踪状态中的禁用条件。它只取决于updateReminderResponses 的值。

只测试那个变量。

<Button ... disabled={typeof updateReminderResponses === 'undefined'}