учаю данные с сервера в виде данных JSON, но не могу отобразить их в браузере. Я получаю сообщение об ошибке как

«Объекты недопустимы как дочерние элементы React (найдено: объект с ключами {_id, Id, Name, Age}). Если вы намеревались визуализировать коллекцию дочерних элементов, используйте вместо этого массив или оберните объект с помощью createFragment (object) из Реакции дополнений. Проверьте метод рендеринга в ученике »

import React from 'react';
import axios from 'axios';

class Student extends React.Component{
  constructor(props){
    super(props);
    this.state={
      post:[]
    }
  };


componentDidMount(){
  axios.get('http://localhost:8080/student')
  .then(data => this.setState({post:data}));
    }


  render(){
    return(
<div className="pre">

<h1>{this.state.post.data}</h1>
</div>
    );
  }
}
export default Student;