import React from 'react';
import {
    BrowserRouter as Router,
    Switch,
    Route,
    Link
} from "react-router-dom";

export default class Navbar extends React.Component {
    static getMenuItems() {
        return {
            0: {
                title: "/",
                link: "Home"
            },
            1: {
                title: "/about",
                link: "About"
            },
            2: {
                title: "/users",
                link: "Users"
            },
        };
    }

    static getLinks(props) {
        let links = [];

        for(this.getMenuItems() in item) {
            links.push(
                <li>
                    <Link to="{props.link}">{props.name}</Link>
                </li>
            );
        }

        return links;
    }

    render() {
        return(
            <Router>
                <div>
                    <nav>
                        <ul>
                            <!-- тут нужно вывести <getLinks> -->
                        </ul>
                    </nav>
                </div>
            </Router>
        );
    }
}