반응형 리액트2 Event - 링크를 클릭하면 다른 메시지가 출력되도록 함. - React 에서는 Props나 State값이 바뀌면, 그 state를 가지고 있는 컴포넌트의 render 함수가 다시 호출된다. - 아래는 event의 설치와 event의 기본적인 동작을 방지하는 code 이다. //App.js 중에서 render() render() { console.log('App render') var _title, _desc = null; if (this.state.mode === 'welcome'){ _title = this.state.welcome.title; _desc = this.state.welcome.desc; } else if (this.state.mode === 'read'){ _title = this.state... 2021. 4. 27. State 개발 State 제품을 조작하는 입장과 구현자의 입장이 있다. Props : 부모 컴포넌트가 자식 컴포넌트에게 주는 값. 읽기 전용 State : 컴포넌트 내부에서 선언하며 내부에서 값 변경을 가능. 컴포넌트 내부적으로 사용하는 정보. 예를들면 제품의 전선 등 밖에서 보여서 안되는 물건을 뜻한다. 첫번째로 어떠한 컴포넌트가 실행 될 때 render 함수보다 먼저 실행되면서 컴포넌트를 초기화 시켜주고 싶은 코드는 constructor(props){ super(props); } 해당하는 코드블럭 안에 작성한다. App.js의 state로 선언된것을 하위 props에서 불러오는것은 아래 코드처럼 가능하다. class App extends Component { constructor(props){ super(props.. 2021. 4. 26. 이전 1 다음 반응형
