Trying to display data

axios-react-redux.js

import React, { Component } from 'react'
import axios from 'axios';
import cookie from 'react-cookie';
import { Modal,Button  } from 'react-bootstrap'
import { API_URL, CLIENT_ROOT_URL, errorHandler } from '../../actions/index';

class Professor extends Component {
  constructor(props) {
    super(props)

    this.state = {}
  }
  componentDidMount () {
    const authorization = "Bearer"+cookie.load('token').replace("JWT","")

    axios.get(`${API_URL}/core/me`, {
      headers: { 'Authorization': authorization }
    })
    .then(response => {
      this.setState({classrooms:response.data})
    })
    .catch((error) => {
      console.log("error",error)
    })
  }

  render () {
    return (
      <div className='container'>
        <div className='jumbotron'>
          <h1>Professor Page</h1>
          <p>Welcome to the professor page.</p>
        </div>
        <div className='container'>
          <div className='well'>
            <pre>{JSON.stringify(this.state, null, ' ')}</pre>
          </div>
        </div>
      </div>
    )
  }
}

export default Professor