React로 ajax를 이용해서 서버에서 데이터 받아오기

import React from "react";
function App() {
  return (
    <div>
      <button onClick={(e) => {
        let request = new XMLHttpRequest();
        //GET 방식으로 요청
        request.open('GET', 
          'https://jsonplaceholder.typicode.com/use');
        //POST 방식일 때는 send에 파라미터를 대입
        request.send('');
        request.addEventListener('load', ()=>{
          let data = JSON.parse(request.responseText);
          //데이터를 가져오는데 성공했을 때
          console.log(data);
        });
        request.addEventListener('error', (error)=>{
          //데이터를 가져오는데 실패했을 때 처리
          console.log(error);
        });
      }}> 다운로드 </button>
    </div>
  );
}

export default App;