useState 초기값 설정

Tony·2022년 11월 5일
0

react

목록 보기
51/86
  const cachedArticle = useMemo(
    () =>
      params.articleId
        ? queryClient.getQueryData<Article>(['article', params.articleId])
        : null,
    [params.articleId, queryClient],
  );

  const [title, setTitle] = useState(cachedArticle?.title ?? ''); // 초기값을 이렇게 할 수도 있구나
  const [body, setBody] = useState(cachedArticle?.body ?? '');

서버에서 가져온 캐싱된 데이터를 사용해서 useState의 초기값으로 넣어 줄 수 있다

useEffect안에서 setState를 이용해서 초기값도 설정해주곤 했는데 이렇게 해주는 것이 가독성이 더 좋은 것 같다

참고

  • 책: react native를 다루는 기술
profile
움직이는 만큼 행복해진다

0개의 댓글