Estoy usando React.js y quiero desplazarme automáticamente a un determinado elemento en el menú desplegable, después de hacer clic en el menú desplegable . El elemento al que quiero desplazarme automáticamente está en algún lugar en el medio, ¿cómo se puede lograr esto?

Estoy usando un Autocompletar de material-ui y React.js

por ejemplo, tengo los siguientes valores en la lista desplegable :

 const top100Films = [ { label: 'The Shawshank Redemption', year: 1994 }, { label: 'The Godfather', year: 1972 }, { label: 'The Godfather: Part II', year: 1974 }, { label: 'The Dark Knight', year: 2008 }, { label: '12 Angry Men', year: 1957 }, { label: "Schindler's List", year: 1993 }, { label: 'Pulp Fiction', year: 1994 } ]

Quiero que cuando toque el menú desplegable, la lista se desplace automáticamente al elemento:

 { label: 'The Dark Knight', year: 2008 },

¿Cómo se puede lograr esto?