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/最新/api＃onerror
游乐场： https：//playground.solidjs.coms.com/hash = 145755227552755275275275275275275275275275275275275.Amp; amp;版本= 1.3.16