개발하는 루루언니

[React] sort() 가나다 순 정렬 본문

컴퓨터 정보/리액트

[React] sort() 가나다 순 정렬

혜닝혜루 2022. 10. 14. 19:38
728x90
반응형

▼   틀 구성 생각해보기

 

 

가나다 순정렬 버튼 만들기

1. 가나다 순 정렬 <botton> 우선 만들기

 

     ------>     <button> 가나다 순정렬 </button>


2.  밑에 해당 내용을 정렬해야 하니까  useState 로 저장한  ' 글제목 ' 으로 만들어보자  

--------------> 1) 변경할 변수 하나를 만들자  = > let 글제목1 

                         2) 글제목의 대괄호를 벗기고 독립적인 글제목을 생성하기 위해 [ ...글제목] 으로 코드작성

                        3)  정렬을 하기위해 sort(); 코드 사용

                         4) 업데이트할 ' 글제목변경 ' 에 변경된 변수 (글제목1)을 넣어주면 된다.


▼   답안코드 

 

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

 

 
728x90