[REACTJS] 게으른 초기 상태 - 무엇이며 어디를 사용할 수 있나요?

게으른 초기 상태 - 무엇이며 어디를 사용할 수 있나요?

해결법

1. ---

   1.useState에 전달 된 인수는 초기 상태 (Initial), 최초의 렌더링에 상태를 초기화하고 후속 렌더링에서 무시되는 값입니다. 그러나 다음과 같은 상황을 상상

   useState에 전달 된 인수는 초기 상태 (Initial), 최초의 렌더링에 상태를 초기화하고 후속 렌더링에서 무시되는 값입니다. 그러나 다음과 같은 상황을 상상

   const Component = () =>{
       const [state, setState] = useState(getInitialHundredItems())
   }
   

   필요없이 각각의 렌더링 호출이 존재 상상 (다음은 렌더링시 초기 값은 무시하더라도 기억, 아직 초기화 함수가 호출된다).

   위의 코드처럼 대신 당신이 초기 상태를 반환하는 함수를 전달할 수있는 가치를 제공하는이 같은 사용 사례를 들어,이 기능 만 (초기 렌더링)이 아니라 각에 한 번 실행됩니다 렌더링

   const Component = () =>{
       const [state, setState] = useState(() => getInitialHundredItems())
   }
   

from https://stackoverflow.com/questions/58539813/lazy-initial-state-what-is-and-where-to-use-it by cc-by-sa and MIT license