getDataAtomFamily 함수 (fetch)

[asdfqaz74]

getDataAtomFamily

포켓베이스에서 비동기 통신으로 데이터를 가져올 수 있는 함수입니다.

Method

• item: string;
  가져오고 싶은 collection을 쓰면 됩니다.

• typeOfGetData: 'getFullList' | 'getOne' | 'getList' | 'getFirstListItem';
  Data를 가져오는 방식을 선택합니다.

• options?: object;
  ex) options: {expand: 'rating'}, options: {filter: 'created >= "2022-01-01 00:00:00"'}
  등 원하시는 부가옵션을 기입하시면 됩니다.

• setting?: number | string
  원하시는 페이지 또는 id값을 기입하시면 됩니다.

사용 예시

const [recipesData] = useAtom(getDataAtomFamily({
  item: 'recipes', 
  typeOfGetData: 'getOne', 
  options: {expand: 'rating'}, 
  setting: 'ka5sini1xvt9itq'}));

위의 코드는 다음의 코드와 같습니다.

pb.collection('recipes').getOne('ka5sini1xvt9itq', {expand:'rating'})

전체 코드

export const getDataAtomFamily = atomFamily((params : getDataInterface) => {
  const dataFunctionsMap = {
    getFullList: async () => {
      const { item, options } = params;
      return pb.collection(item).getFullList(options);
    },
    getList: async () => {
      const { item, options, setting } = params;
      const page = typeof setting === 'number' ? setting : undefined;
      return pb.collection(item).getList(1, page, options);
    },
    getOne: async () => {
      const { item, options, setting } = params;
      const id = typeof setting === 'string' ? setting : '';
      return pb.collection(item).getOne(id, options);
    },
    getFirstListItem: async () => {
      const { item, options, setting } = params;
      const filter = typeof setting === 'string' ? setting : '';
      return pb.collection(item).getFirstListItem(filter, options);
    },
  };

  return atom(async () => {
    try {
      const { typeOfGetData } = params;
      const dataFunction = dataFunctionsMap[typeOfGetData];

      if (dataFunction) {
        const data = await dataFunction();
        return data;
      } else {
        console.error(`Unsupported typeOfGetData: ${typeOfGetData}`);
        return null;
      }
    } catch (error) {
      if (error instanceof Error && error.name !== 'AbortError') {
        console.error('데이터를 불러오는데 실패했습니다.', error);
      }
    }
  });
}, isEqual);