리액트 state 이해가 안된다

  const [state,setState] = useState([])
  const [ready,setReady] = useState(true)

  useEffect(()=>{
	   
    setTimeout(()=>{
        setState(data)
        setReady(false)
    },1000)
    
    ...
    
  return ready ? <Loading/> :  (
  
  ...

 1. 처음 ready 상태값은 true 이므로 ? 물음표 바로 뒤에 값이 그려짐 -> 로딩 화면

2. useEffect로 인해 데이터가 준비되고 -> setState(data)

 

3. ready 값이 변경되면 -> setReady(false)

 

4.  콜론 뒤의 값이 반환(그려짐)

 

  const [state, setState] = useState([]) <- 그럼 앤 뭐지? ...

1. useState 가 상태 관리할 수 있는 변수인 state를 하나 주고

2. 상태를 변경할 수 있도록 하는 함수인 setState를 준다. 

 

❔ 그럼 상태 관리는 어디서 해요? 💨

 

useEffect에서 한다.

이녀석은 리액트에서 제공해주는 앤데, 

처음 화면 실행 했을 때의 상태를 나타낸다. 

useEffect(()=>{
	   
       ...
    
  },[])