프로세스 가져오기 데이터 - RTK 쿼리/Redx 도구 키트/반응

프로세스 가져오기 데이터 - RTK 쿼리/Redx 도구 키트/반응

언급된 모든 기술을 처음 접하며 이 시나리오에서 어떻게 작동해야 하는지 이해하고자 한다.API에서 CSV 파일을 가져오려고 하는데 검색되면 json과 같은 개체로 변환하여 내 구성 요소 중 하나에서 사용할 수 있도록 처리하고 싶다.예를 들어, 나는 이 데이터를 표로 보고 이 데이터에 대한 작업을 수행하여 해당 데이터에 대한 상태 변경을 유발하고 싶다.

문서에는 다음이 있다.transformResponse애플리케이션에 필요한 데이터를 정규화하는 데 사용할 수 있는 각 엔드포인트의 필드:

const api = createApi({
  baseQuery: fetchBaseQuery({
    baseUrl: '/',
  }),
  tagTypes: ['Post'],
  endpoints: (build) => ({
    getPost: build.query<Post, number>({
      // note: an optional `queryFn` may be used in place of `query`
      query: (id) => ({ url: `post/${id}` }),
      // Pick out data and prevent nested properties in a hook or selector
      transformResponse: (response: { data: Post }) => response.data,
      ...

이것이 효과가 있을 수도 있지만, 내가 어떻게 이 상태를 바꾸기 위해 조치를 취할 수 있는지에 대해 혼란스러울 것이다.

또 다른 솔루션은 Redex Toolkit 저장소 슬라이스를 사용하여 가져온 데이터를 저장하고 변환 작업 및 디스패치 작업을 수행할 수 있다.

어떤 도움이라도 좋으련만일!

RTK 쿼리 상태는 클라이언트에서 로컬로 변경되는 상태가 아니다. - RTK 쿼리는 순수 캐시.

이는 워크플로우를 위한 것으로,

• 서버에서 데이터 가져오기
• 그 데이터를 표시하다.
• 서버에 변경 요청을 발송하다
• 서버에서 새 데이터 가져오기
• 그 데이터를 다시 표시하다.

RTK-Query의 목적은 그 프로세스를 가능한 한 쉽게 만들고 서버 상의 변화로 촉발된 후 자동 리페치(refetching)와 같은 것들을 캐시에서 이전 값을 제거하는 것이다.

데이터를 로컬로 유지하여 로컬로 변경하려면 기존 슬라이스를 사용해야 한다.

참조URL: https://stackoverflow.com/questions/68753347/process-fetched-data-rtk-query-redux-toolkit-react