Przekazywanie props do komponentu Menu - tablica obiektów

//Zadanie 4 Przekazywanie props do komponentu Menu - tablica obiektów

function Menu(props) {
    return (
        <div>
            <ul>
                {props.menu.map((el, index) => {
                    return <li key={index}><a href={el.urL}>{el.text}</a></li>
                })}
            </ul>
        </div>
    )
}

class Menu extends React.Component {
    render() {
        return(
            <div>
                <ul>
                    {this.props.menu.map((el, index) => {
                        return <li key={index}><a href={el.urL}>{el.text}</a></li>
                    })}
                </ul>
            </div>
        );
    }
}

let menuItems = [
    {
        urL: '/',
        text: 'Strona główna'
    },
    {
        urL: '/blog',
        text: 'Blog'
    },
    {
        urL: '/pricing',
        text: 'Cennik'
    },
    {
        urL: '/contact',
        text: 'Kontakt'
    }
];


ReactDOM.render(
    <Menu menu={menuItems}/>,
    document.getElementById('app')
);