반응형
import React, {Component, useState} from 'react';
import axios from "axios";
import {Link} from "react-router-dom";
function Login () {
const [test, setTest] = useState(''); // 생성자
const loginTest = (() => {
axios.get('/member/test') // Rest Api 경로 연결
.then(response => { // 결과 담기 (callback)
setTest(response.data); // 선언한 생성자에 데이터 담아주기
});
});
return (
<div>
{/*로그인 하는 페이지*/}
<h1>로그인</h1>
<div className = "member-text">
<input type="text" placeholder={"아이디를 입력하세요."}/><br/>
<input type="password" placeholder={"비밀번호를 입력하세요."}/>
</div>
<div>
<button type="button" onClick={loginTest}>로그인</button> // loginTest 함수 호출
<Link to={"/join"} className={"button-style"}>회원가입</Link>
</div>
<div> testMsg : {test}</div> // 담아준 test 데이터 호출
</div>
);
}
export default Login;
반응형