React [2]

김철균·2024년 1월 19일
0

React

목록 보기
3/12

아이디 비번 클릭시 alert창 띄우기

import React, { useState } from "react";

const App = () => {
  const [inputId, setInputId] = useState("");
  const [inputPwd, setInputPwd] = useState("");

  const clickHandle = () => {
    alert(`아이디는 ${inputId}이고 비밀번호는${inputPwd}`);
    setInputId("");
    setInputPwd("");
  };

  return (
    <div>
      아이디:{" "}
      <input
        type="text"
        value={inputId}
        onChange={(e) => setInputId(e.target.value)}
      />
      <br />
      비밀번호 :{" "}
      <input
        type="password"
        value={inputPwd}
        onChange={(e) => setInputPwd(e.target.value)}
      />
      <br />
      <button onClick={clickHandle}>로그인</button>
    </div>
  );
};

export default App;
profile
차근차근

0개의 댓글