useState 사용

처음 작성한 코드(방법1)_배열 통으로 바꿈(데이터가 많아지면 비효율적임)

배열의 첫번째 항목 교체하기

let [title, setTitle] = useState(['제목1', '제목2', '제목3'])

functoin handleTitle(){
	setTitle(['title1', '제목2', '제목3']);
    }

방법2_그냥 배열 복사하면 값이 공유됨 (deep 카피하기)
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

let [title, setTitle] = useState(['제목1', '제목2', '제목3'])

functoin handleTitle(){
	let newArray = [...title];    //title 복사(deep카피 안하면 값 공유됨)
    	newArray[0] = 'title1';	  //배열의 0번째 선택 변경
        
        setTitle(newArray)
    }