SoYoung210 / soso-tip

🍯소소한 팁들과 정리, 버그 해결기를 모아두는 레포
24 stars 0 forks source link

[WIP] react-query 정리 #50

Open SoYoung210 opened 3 years ago

SoYoung210 commented 3 years ago

[wip] isSuccess

궁금한 점: https://react-query.tanstack.com/docs/api 상에 onSuccess콜백도 있고, isSuccess도있는데 두 값의 차이나 타이밍은? 단순히 DX?

이 부분의 코드를 보니 타이밍상 onSuccess콜백이 먼저 불릴것 같다. 이후에 isSuccess값이 true가 되지 않을까.

post request

const [mustate, { isSucess, isLoading..} ] = useMutation<Response, ErrorResponse, ReqeustBody>(requestFn, config)

이렇게 쓰면됨.

Suspense

const queryCache = new QueryCache({
  defaultConfig: {
    queries: {
      suspense: true,
    },
  },
});

ReactDOM.render(
  <React.StrictMode>
    <ReactQueryCacheProvider queryCache={ queryCache }>
      <App />
      <ReactQueryDevtools initialIsOpen />
    </ReactQueryCacheProvider>
  </React.StrictMode>,
  document.getElementById('root'),
)