Carousel

Installiamo il componente con
npm install react-material-ui-carousel --save

Definiamo nella pagina index un array con i dati delle slide:

Importiamo il nostro componente Carousel passandogli le slide:

Definiamo il componente Carousel importando i componenti necessari, oltre ad un foglio di stile:

Denominazione dei componenti

Denominiamo il componente MyCarousel per distinguerlo da quello che importiamo nella prima riga, e che ci servirà da base.
Nota però che nella pagina index abbiamo importato MyCarousel denominandolo semplicemente Carousel.

Ecco la struttura del componente:

Che darà questo risultato:

Il foglio di stile è questo:

Transizioni

È possibile cambiare il tipo di transizione agendo su questi attributi del componente che abbiamo importato: