Til (2023.02.21)

reactquery 동적 사용

 

원래 리액트 쿼리는 이런형태로 사용을 했었다.

const{ data } = useQuery("name", getdata);

 

그렇다보니까 usemutation의 post나 delete같은 행동으로 쿼리초기화를 해주지 않는 이상

최신정보를 잘 못가져오는 단점이 있었다.

그래서 쿼리의 동적 사용을 위해 아래와 같이

const{ data } = useQuery(["name", state], getdata);

매번 바뀌는 무언가를 넣어주면 그것이 바뀔때마다 쿼리 이름이 바뀌기 때문에 그때의 최신 정보를 가져온다고 한다.

전처럼 string으로 쓰면 쿼리이름이 매번 같기때문에 이미 전에 있던 정보를 가져 오는 것 이다.