GetMsg.js

import React, { useState, useEffect } from 'react';
import { withRouter } from 'react-router-dom';
import axios from 'axios';

import Button from '@material-ui/core/Button';

axios.defaults.withCredentials = true;

// GetMsg

// 2. history 객체를 props로 받습니다. 
function GetMsg({ history }) {
  const [text, setText] = useState('');
  const [date, setDate] = useState('');

  useEffect(() => {
    axios({
      method: 'get',
      url: 'http://15.164.164.204:4000/message/getMessage',
    }).then(res => {
      setText(res.data.data.inputText);
      setDate(res.data.data.createdAt);
    });
  }, []);

  return (
    <div>
    // 생략
      <Button
        color="primary"
        type="submit"
        fullWidth
        value="응원메세지 작성하러 가기"
        style={{ fontSize: '17px' }}
        // 3. sendMsg 컴포넌트로 이동하는 onClick 이벤트를 생성합니다. 
        onClick={() => history.push('/sendmsg')}
       >
       응원메세지 작성하러 가기
       </Button>
    </div>                
  );
}

// 1. withRouter 고차함수로 GetMsg 컴포넌트를 감싸줍니다.
export default withRouter(GetMsg);