99. "사용자" 컴포넌트 추가하기

선생님이 올려주신 프로젝트를 다운받고

1) npm install 하고 npm start를 하면 빈 화면을 볼 수 있다

 

이름과 나이가 들어간 컴포넌트가 필요하다

오류 모달창이 보이는 컴포넌트도 필요할 예정이다

 

2) 버튼 같은 일반적인 UI를 담을 UI 폴더를 생성한다

 

※ JSX 코드를 사용하고 싶을 때 React를 import 한다 

 

AddUser.js

import React from "react";

const AddUser = (props) => {
  const addUserHandler = (event) => {
    event.preventDefault();

  }

  return <form onSubmit={addUserHandler}>
    <label htmlFor="username">UserName</label>
    <input id="username" type="text" />
    <label htmlFor="age">UserName</label>
    <input id="age" type="number" />
  </form>
}

export default AddUser;