Estoy tratando de crear una navegación con un menú 'más'. Parece ser un concepto bastante simple. CBS Sports es un ejemplo de ello ( https://www.cbssports.com/ )
Básicamente, muestre tantos enlaces como sea posible y empuje el resto al menú desplegable.
¿Existe un enfoque correcto para implementar esto en reaccionar? ¿Básicamente cambiar el recuento de elementos visibles según el tamaño de la pantalla?
He estado tratando de encontrar un ejemplo de implementación, pero no estoy seguro de cómo encontrarlo.
Para mí, cambiar el recuento de elementos visibles según el tamaño de la pantalla es una buena idea. Puede crear variables que le proporcionen una cantidad de elementos visibles. Más tarde, puede mapear los elementos filtrados de la matriz que contiene todos los elementos. Por ejemplo
arr.filter((_,i)=> i < number).map(item=> (<li>{item}</li>))
y para el artículo que va al menú desplegable
arr.filter((_,i)=> i >= number).map(item=> (<li>{item}</li>))