基于onClick的Remix.run查询数据库

Question

我正在试验Remix.run，我很熟悉loader()函数的SSR用法。混合是否提供了从组件内部查询数据库和管理状态的方法？

我正在尝试获取一些数据onClick

{next && <button onClick={handleFetchMore}>NEXT</button>}

  const handleFetchMore = async () => {
    try {
      const nextSet = await fetchCharacters(7);

      console.log("res", nextSet);
    } catch (err: any) {
      console.log(err.message);
    }
  };

此函数不返回任何数据并触发错误，但是从loader()函数fetchCharacters()中返回正确的数据。

Answer 1

您可以使用获取器调用加载程序，并获得下一批结果。

在混合存储库中有一个无限的滚动示例，它似乎在做您想做的事情：https://github.com/remix-run/remix/blob/main/examples/infinite-scrolling/app/routes/page/simple.tsx