리액트2 리액트 뽀개기 (5) 자식에서 부모로 데이터를 전달하는 방법을 알아보자. //App.js class App extends React.Component { parentState = data => { console.log(data); } render(){ return ( ) } } 위의 코드를 보게 되면 Child에 props로 parentState를 전달한다. 그리고 parentState()는 data를 받아서 console에 출력해준다. 다음 Child 컴포넌트를 보자. import React, { Component } from 'react'; class Child extends Component { state = { name : '' } handleChange = e => { this.setState({ name : e.t.. 2020. 1. 2. 리액트 뽀개기 (4) 라이프 사이클을 알아보자. React Lifecycle Methods diagram Fully interactive and accessible React Lifecycle Methods diagram. projects.wojtekmaj.pl 리액트에서 제공하는 라이프 사이클인데 한글로 되어있으니 어렵지 않게 알아볼 수 있다. 찾아보면 render와 getDerivedStateFromProps는 마운트와 업데이트 모두에 속한다. 라이프 사이클의 함수들은 아래와 같다. (16.3 이상의 버전) //Life.js //마운트 constructor(props) {} static getDerivedStateFromProps(props, state){} componentDidMount(){} UNSAFE_compon.. 2020. 1. 2. 이전 1 다음
