본문 바로가기

Library | Framework22

[React] state값 수정, 저장하고 읽기 서론 저번 글은 적게 공부하기도 했고 폰으로 적어서 매우 정리가 안 됐을 것 같다. 그래서 복습하는 겸 되짚어보면서 이번 글을 적어볼 예정이다. state를 form 태그로 수정하려면? 먼저 이해를 위해 간단히 read의 순서를 요약해보겠다. 이 모든 과정은 getContent 함수 안이라는 걸 유의하자. content 중 하나를 클릭하면 mode가 'read'로 바뀌고, selected_content_id가 클릭된 content의 id로 바뀐다. mode가 read일 때(if문) _content 변수에 getReadContent함수의 반환값을 할당한다. -> getReadContent 함수 : while문으로 data 변수에 contents[i]를 할당하고 data의 id가 선택된 id와 같으면 dat.. 2022. 1. 10.
[React] App state값으로 input value값 수정하기 서론 저번 글은 CRUD 중 create 기능을 만들어보았었다. 그래서 이번 글은 U(update)를 만들기 위한 첫 번째 단계가 되겠다. App.js App 컴포넌트에 render 함수 밖에 이 함수를 선언해준다. 이 함수는 사용자가 선택한 content의 id, title, desc 등의 data를 반환해주는 함수이다. 만약, HTML을 눌렀다면 id:1 title:HTML desc:HTML is Hyper Text Markup Language 이 반환될 것이다. 그리고 render 함수에 있던 모든 코드를 getContent함수로 바꾼다. 금방 만들었던 getReadContent 함수로 선택된 content의 data를 끌어와서 사용하는 형식이다. mode가 read일 땐 getReadContent.. 2022. 1. 9.