식초의 지식보관소

update read 기능과 create기능이 결합되어 있다. update란 기존의 콘텐츠를 수정하는 것이다. read처럼 기존의 콘텐츠를 불러와서 form에다가 내용을 추가해주는 작업이 필요하다. form이 들어있는 CreateComponent를 복사해서 이름을 바꾼다. 내용도 바꾼다. App.js로 와서 import에 CreateComponent를 추가한다. 그리고나서 render()부분에 else if 부분을 복사해서 붙여넣기 한다. (this. state.mode === 'update')로 바꿔준다. UpdateComponent.js 에서 제목을 Update로 바꿔준다. 결과 : 브라우저에서 update를 클릭하면 내용부분에 Update라고 뜨고, 콘솔 컴포넌트에서도 mode: update로 바뀐..

베이스 캠프 헷갈리는 개념이 있을 때 이미지 검색을 해보자. 인포그라피를 확인한다. props are read-only (바꾸는 것 금지) states can be modified using this.setState (내부적으로 필요한 것은 state로 관리한다) props와 states 모두 render()함수 호출한다. 두 가지를 적절히 사용하면서 UI를 바꿀 수 있다. 사용자의 props, 구현자의 states 상위 컴포넌트가 하위 컴포넌트로 값을 전달할 때는 props로 전달한다. 하위 컴포넌트가 상위 컴포넌트로 값을 바꾸고 싶을 때는 event를 통해서 한다. vs. REDUX는 하나의 저장소이므로 값이 하나 바뀌면 전체가 알아서 바뀐다. 소개 Create Read Update Delete 중 ..