errorpage.js

import React,{Component} from 'react';
import axios from 'axios';
import { NavLink } from 'react-router-dom';
import ReactDOM from 'react-dom';
import Cookies from 'universal-cookie';

import { Provider } from 'react-globally';

import {
  Row,
  Col,
  Card,
  CardHeader,
  CardBody,
  Button,
  ListGroupItem,
  ListGroup,
  ButtonGroup,
  ButtonToolbar,
  ButtonDropdown,
  DropdownToggle,
  DropdownMenu,
  DropdownItem
} from 'reactstrap';

export default class ErrorPage extends Component {
	 constructor(){
	 	super();
	 	this.state={
	 		'list2':[],
      isLoaded: true
	 	}
	 	// this.getItem = this.getItem.bind(this);    
	 }
	 //componentWillMount()
	// {
	// 	this.getItem();
//}
	componentWillMount()
	{
	var list;
	var i=0;
	list=localStorage.getItem("courses_list");	
	var lista= JSON.parse(list);
	console.log(lista);
	var course_id;
	let course_name=[];
	const promises = lista.map(course_id => {
    return axios.get('http://ec2-13-233-162-214.ap-south-1.compute.amazonaws.com:8085/scholarsbook/course/'+course_id,{
          headers: {
            from_user_id:"z1SL2moBo3oYpNg-nwg6"
          }
        })
        .then(
          (response)=>{
            
                return response.data.course_name;         
          })
});

Promise.all(promises).then((courses) => {
    this.setState({ list2: courses });

    console.log(promises);
})
		console.log(course_name);
		localStorage.setItem('course_name',JSON.stringify(course_name) );
	}
       render()
	{
    var listyle = {
      display: 'block'
    }
    {
      var {isLoaded,list2}= this.state;
    }
 if(!isLoaded)
     {
        return <div> is loadig</div>
     }
     if(!this.state.list2)
     {
      return <p> loadig...</p>
     }
    else
    {
		  console.log(this.state.list2);
        var list1 = new Array();
		  list1=this.state.list2;
			console.log(list1);
       return list1;
 return (
    <div>
    <ul>
      { 
        this.state.list2.map((list1, index) => 
          
       
       <li key={index} style={{listyle}}><Button value={list1}>{list1}</Button></li>
      
       
       )
      }
        </ul>
    </div>

        );
      }
    }
  }