rhanziy

HTML 삽입 미리보기할 수 없는 소스 리액트를 사용해 Todo리스트를 구현했다. 입력폼에 입력할 toDo state와 리스트를 구현할 toDos state를 생성해서, toDo를 입력하고 onSubmit버튼을 누르면 setToDos(currentArray => [toDo, ...currentArray]); 입력폼에 입력한 toDo + 누적된 toDo들로 새로운 배열을 만든다. 여기서, ...currentArray는 배열을 풀고 문자열을 나열함! 이제 이 값을 li로 뿌려준다. 리액트는 기본적으로 list에 있는 모든 item을 인식하기 때문에 key를 넣어 고유하게 만들어줘야 한다. map의 첫 번째 argument는 배열의 data, 두번째는 index 즉, 숫자를 의미한다. 다른 array func..