[React] 리액트 axios 연결하기

 

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;