Componet/Speakers.js

Speakers.js

import React, {Component} from 'react';
import SpeakersHeader from './SpeakersHeader';
import SpeakerList from './SpeakerList';
import axios from "axios";

class Speakers extends Component {

    constructor(props) {
        super(props);
        this.state = {
            ...props
        };
    }

    componentDidMount() {
        axios.get("http://localhost:4000/rest/speakers")
            .then(res => {
                this.setState({ speakers: res.data,isLoading: false });
            });
    }

    render() {
        return (
            <div>
                <SpeakersHeader/>
                <SpeakerList {...this.state} />
            </div>
        );
    }
}

export default Speakers;