createMemo在createResource抛出错误后停止更新

Question

当createResource抛出时，依赖于createResource的createMemo在进一步交互后停止更新。

这个例子显示了当输入3时抛出的情况。现在我如何恢复，以便进一步的查询将像往常一样更新m_id。

我怀疑我需要在某个地方放置一个ErrorBoundary，但是没有这种情况的例子。

import { createMemo, createEffect, createSignal, createResource } from "solid-js";
import { render } from "solid-js/web";

const fetchUser = async (id) => { if (id == 3) throw 3; else return id; }

const App = () => {
  const [userId, setUserId] = createSignal();
  const [user] = createResource(userId, fetchUser);

  let m_id = createMemo(() => {
      return user()
  })

createEffect(() => {
    console.log(m_id())
})

  return (
    <>
      <input
        type="number"
        min="1"
        placeholder="Enter Numeric Id"
        onInput={(e) => setUserId(e.currentTarget.value)}
      />
      <span>{user.error && "Error..."}</span>
      <div>
        <pre>{JSON.stringify(user(), null, 2)}</pre>
      </div>
    </>
  );
};

render(App, document.getElementById("app"));

Answer 1

您可以这样做来捕获错误。

  const [user] = createResource(userId, fetchUser);

  onError(err => {
    console.warn(err)
  })

API doc：https://www.solidjs.com/docs/latest/api#onerror游乐场：https://playground.solidjs.com/?hash=1457545275&version=1.3.16