如何使用 react recoil selectorFamily 存储查询结果？

Question

我正在向服务器发出请求以根据搜索字符串搜索学生。我从 selectorFamily 得到结果，但我也希望能够将这些结果存储在 studentsAtom 中，这样我就不必再次发出请求，并且我可以使用其他状态地点。

我该怎么做？

我的后坐力代码：

// Map of all students, indexed by id
// e.g { 45: 'Bruce', 89: 'Alice }
export const studentsAtom = atom({
  key: "students",
  default: {}
}

// Make a request to the backend to search by student name
// e.g. searchStudents('Bru') will return Search: ['Bruce']
export const studentSearchQuerySelector = selectorFamily({
  key: "studentSearch",
  get: (searchString: string) => async ({ get }) => {

    const response = await searchStudents(searchString);
    if (response.ok) {
      return response.json();
    }

    throw new Error(response.statusText);
  },
});

我的组件中的代码：

const studentSearchQuery = useRecoilValue(
   studentSearchQuerySelector(searchString)
);

Answer 1

尝试，

  const studentAtomFamily = atomFamily({
  key: "students",
  default: selectorFamily({
    key: 'studentSearch',
    get: searchString => async ({get}) => {
      const response = await searchStudents(searchString)
      if (response.ok) return response.json()
      throw new Error(response.statusText)
    },
  }),
});

如何使用 react recoil selectorFamily 存储查询结果？

How to I store the results of a query using react recoil selectorFamily?

reactjs

recoiljs