ContextAPI에서 useState로 관리하는 값을 Provider로 내려주기

leehyunho2001·2022년 6월 28일
0

문제해결

목록 보기
10/15
post-thumbnail

ContextAPI를 오랜만에 사용하려는데 경고가 나타난다. 아마 useState로 관리하는 값을 Providervalue로 넘겨주다보니 렌더링을 너무 많이 해서 그런 것 같다. Stack Over Flow에서 힌트를 찾을 수 있었다.


  const [ inputValue, setInputValue ] = useState('');

  const UserSearchProvider = useMemo(
    () => ({  inputValue }),
    [ inputValue ]
  );

  <UserSearch.Provider value={UserSearchProvider}>
    //...
  </UserSearch.Provider>

useMemo를 사용하면 쉽게 해결할 수 있다.

profile
휴식을 좋아하는 개발자

0개의 댓글