생활코딩리액트 생활코딩 React #5 이 때 상위 컴포넌트인 App은 하위 컴포넌트인 Content에 props로 값을 전달한다. 반면에 하위 컴포넌트인 Content에서 상위 컴포넌트인 App에 값을 변경할 때는 이벤트를 이용해서 setState() 함수로 값을 변경해준다. 위 코드와 같이 새로운 컴포넌트를 구현해 놓고 그 컴포넌트의 submit 버튼을 누르면 onSubmit 이벤트가 실행되도록 함수를 정의한다. 이 때 이 함... 생활코딩리액트ReactReact 생활코딩 React #3 컴포넌트 내부적으로 사용되며 사용자는 알 필요도 없고 알아서도 안 되는 것이 State이다. 이렇게 state를 씀으로써 얻게 되는 효용이 뭐가 있을까? 왜 쓰는 것일까? 아직은 모르겠다.... 생활코딩리액트ReactReact 생활코딩 React #6 updateContent 컴포넌트를 createContent 컴포넌트와 같은 형식으로 만들어준다. 위에서 props의 값은 readonly 이기 떄문에 warning 에러가 발생한다. 이를 해결하기 위해서 props를 받아와서 state화 해준다. 위 코드가 속해있는 class 상단에 아래와 같은 생성자를 추가해준다. 그러고나서 위 this.props.data.title 부분을 state화 ... 생활코딩리액트ReactReact
생활코딩 React #5 이 때 상위 컴포넌트인 App은 하위 컴포넌트인 Content에 props로 값을 전달한다. 반면에 하위 컴포넌트인 Content에서 상위 컴포넌트인 App에 값을 변경할 때는 이벤트를 이용해서 setState() 함수로 값을 변경해준다. 위 코드와 같이 새로운 컴포넌트를 구현해 놓고 그 컴포넌트의 submit 버튼을 누르면 onSubmit 이벤트가 실행되도록 함수를 정의한다. 이 때 이 함... 생활코딩리액트ReactReact 생활코딩 React #3 컴포넌트 내부적으로 사용되며 사용자는 알 필요도 없고 알아서도 안 되는 것이 State이다. 이렇게 state를 씀으로써 얻게 되는 효용이 뭐가 있을까? 왜 쓰는 것일까? 아직은 모르겠다.... 생활코딩리액트ReactReact 생활코딩 React #6 updateContent 컴포넌트를 createContent 컴포넌트와 같은 형식으로 만들어준다. 위에서 props의 값은 readonly 이기 떄문에 warning 에러가 발생한다. 이를 해결하기 위해서 props를 받아와서 state화 해준다. 위 코드가 속해있는 class 상단에 아래와 같은 생성자를 추가해준다. 그러고나서 위 this.props.data.title 부분을 state화 ... 생활코딩리액트ReactReact