state

State 문법

• 기능은 변수와 같다

import React, {useState} from 'react';
// 내장 함수를 사용하겠다 선언 
 // useState() = state를 하나 만들어주는 함수 
 //배열이나 객체도 저장이 가능하다 = ([]) ({})
 // 인덱스 번호로 사용이 가능하다 useState[0]
 useState('저장할 데이터'); 
// [a,b] 자료 => a=저장할 데이터, b= 변경 데이터
//변수 지정
// destructuring 문법
// var [a,b] = ['a','b']; => a=a b=b
// b= a변경 함수
let [a,b] = useState(0);
b(a+1); // a = 1 

• 사용 이유와 목적
  • 웹 앱처럼 사용하기 위해
    • 그냥 변수는 새로고침을 해주어야 렌더링이 되지만 state는 변경시 자동으로 렌더링된다
  • 변경이 많은 데이터나 중요한 데이터를 설정할 때 사용

State array/object 값 변경

• 변경 조건

  • 똑같은 주소를 반인딩하면 변하지 않는다

  • 즉 아래와 같은 경우로 변경을 시도하면 똑같은 값으로 보고 변경을 수행하지 않는다

	//a,b,c는 메로리의 특정한 공간에 할당
	//a는 식별자로 a,b,c가 저장되어 있는
    // 메모리의 주소를 참조한다
   // 즉 메모리의 이름
	let a = ['a','b','c'];
	let b = a;
	console.log(a==b); // true 
	

• 해결 법
  • 전개구문
    • 새로운 공간에 값을 복사하여 할당하는 방식

	b = [...a];
	console.log(a==b) //false