Nel componente Layout creiamo un array di oggetti contenenti i link alle varie sezioni del sito... lo faremo poi visualizzare nel menù principale dell'header:
Importiamo il nostro componente Header e inseriamo nel Layout passandogli il titolo del sito e la lista delle sezioni: Andiamo adesso a lavorare nel file del componente Header... Importiamo alcuni componenti di MUI che ci serviranno: Facciamo in modo che il componente riceva le props: titolo e sezioni. Facciamo pulizia nel blocco return e prepariamo un React.Fragment: https://reactjs.org/docs/fragments.html Il Fragment permette di restituire diversi componenti raggruppati.
Restituiamo una prima Toolbar contenente una prima fascia con dei bottoni, del testo, un'icona: Restituiamo inoltre una seconda Toolbar contenente i link alle sezioni del sito:
Nota come abbiamo usato il metodo map per creare i diversi Link partendo dall'array sezioni.
