react-query post 리턴 데이터 재사용 방법

Question

다음 처럼 POST 요청을 하고const options &#61; { // withCredentials : true, headers : { 'Authorization' : 'Bearer -------------', 'Content-Type' : 'application/json', }, } const userInfo &#61; { login_id : abcdefgh, pw : 1234qwer, } const getUserInfo &#61; () &#61;> axios.post(&#96;${API}/dev/301&#96;, userInfo , options).then((response) &#61;> response.data) 아래와 같은 리턴 데이터를 React-query를 이용하여, 여러 컴포넌트에서 재사용 할려고 합니다.{ &#34;url_base&#34;: &#34;http://abc.com&#34;, &#34;user&#34;: { &#34;last_name&#34;: &#34;Lee&#34;, &#34;first_name&#34;: &#34;James&#34;, &#34;night_push&#34;: 0, &#34;event_push_recv&#34;: 0, } ... }export const AuthDevInfoQueryKey &#61; 'authDevInfoQueryKey' export const useAuthInfoQuery &#61; () &#61;> { return useMutation(() &#61;> axios.post(&#96;${API}/dev/301&#96;, authInfo , options).then((response) &#61;> response.data)); } // 이런 형식으로 사용가능? export const A &#61; () &#61;> { return useMutation(() &#61;> axios.post(&#96;${API}/dev/302&#96;, InfoA ,options).then((response) &#61;> response.data)), { onSuccess: () &#61;> { queryClient.invalidateQueries(useAuthInfoQuery); }, } } useQuery는 GET 요청시에만 사용이 가능하다고 하고 ,invalidatequeries 속성도 GET 함수 재요청으로 알고 있습니다.위 응답 데이터를 캐싱하는 방법과 , 다른 API를 통해 수정사항이 발생이 위함수를 다시 호출하는 방법은 없을까요? React-query에서는요...

doooss · Answer

useMutation 을 사용하십시오.

몰랑토끼 · Answer

일단 rq는 클라이언트 상태에 관여하지 않습니다. 여기서 클라이언트는 내부 코드를 말하는거고, 내부 코드인 컴포넌트의 상태에 관여하지 않기 때문에 받은 데이터를 전역으로 따로 처리해줘야 합니다. react 의 상태에 대해 더 아시면 답이 나올거같은데 전역상태를 뭘쓰냐에 따라 다르지만 전역상태 값이 변경될때 호출을 다시해야 합니다.

react-query post 리턴 데이터 재사용 방법

2개의 답변

Q&A 목록