useRequest 能否mutate error?

[mrdulin]

const request = useRequest(service, { manual: true })

<button onClick={() => setOpen(true)}>open</button>

// ...

<Modal
  open={open}
  onCancel={() => {
    // request.mutateError(undefined); 
    setOpen(false);
  }}
  destroyOnClose
  onOk={() => {
    request.runAsync().then(() => {
      setOpen(false);
    })
  }}
>
  <div>
    {request.error && <div style={{ color: "red" }}>出错了</div>}
  </div>
</Modal>

点击确定按钮，调接口，接口报错，modal content展示“出错了”，关闭modal, 再次打开，由于request.error状态依旧存在，因此modal content依旧展示"出错了"。

useRequest提供了mutate()方法，用来mutate data, 是否提供mutateError()方法，用来mutate error。在关闭modal时调用mutateError(undefined)，将error状态清空

调整组件结构，每次打开modal创建新的组件实例，将useRequest放在该组件中可以解决，useRequest每次都创建组件实例的本地状态，但需要调整组件结构。