[React] 배열에 새로운 항목 추가하기


[React] 배열에 새로운 항목 추가하기

이번 챕터 역시 이전에 배열 렌더링 했던 것과 이어진다. 먼저 CreateUser.js 파일을 생성하고 아래 소스를 코딩한다. CreateUser()는 App.js로부터 prop 정보를 받아 인풋 박스와 버튼을 그려준다. import React from 'react'; function CreateUser({ username, email, onChange, onCreate}) { return ( <div> <input name="username" placeholder="계정명" onChange={onChange} value={username}/> <input name="email" placeholder="이메일" onChange={onChange} value={email}/> <button onClick={onCreate}>등록</button> </div> ); } export default CreateUser; App.js로 이동하여 아래 소스를 코딩한다. 여기서 중요한 부분은 이전...


#add #추가 #배열 #리액트 #reactjs #react #inputs #input #button #array #항목

원문링크 : [React] 배열에 새로운 항목 추가하기