[ React ] 리액트 Input Form 상태 관리, 배열 관리

지금까지는 자식 컴포넌트가 부모 컴포넌트에게 단순한 Element 를 return 해주는 데에 한했다. ​ 이번 게시글에선 Input Element 와 이를 Form 으로 감싸 Form 의 상태를 직접 관리하고, ​ React 에선 배열을 어떻게 쓰는지 간단하게 알아보자. ​ 먼저 UserInput.js 의 소스를 살펴보자. ​ UserInput.js import React, {Component} from 'react'; class UserInput extends Component { //state 에 userName, userGender, phoneNumber 초기화 state = { userName: '', userGender: '', phoneNumber: '' } inputChange = (e) ..