보라코딩

리액트 : state가 array/object인 경우 본문

코딩/REACT

리액트 : state가 array/object인 경우

new 보라 2023. 7. 13. 18:02

 

버튼 클릭하면
첫번째 제목 바뀌게 

 

 

 

 

기존에 글제목을 array인 state 만들었고

let [글제목, 변경] = useState([    "동탄 맛집 추천",    "강남 맛집 추천",    "리액트 강의 추천",  ]);

 

 

 

이를 변경하려면

<button        onClick={() => {
          let copy = [...글제목];
         copy[0] = "배고프다~";
          변경(copy);       
}}      >        글수정      </button>

 

 

 

 

 

 

 

버튼 클릭하면
가나다순 정렬로 바뀌게

 

 

<button        onClick={() => {
          let copy1 = [...글제목.sort()];
          변경(copy1);
        }}      >        가나다정렬      </button>