0
169
VistasCómo arreglar la posición del componente comienza en la parte inferior y luego se mueve a la normalidad en reaccionar js cuando se actualiza la página
Tengo un componente que tiene una barra lateral y contenido como se muestra a continuación.
Cuando se actualiza la página, la primera vez que se carga el contenido del componente a continuación, como se muestra a continuación, y en un instante, los componentes vuelven a la normalidad.
Uso module.css en cada componente. Con una estructura como esta:
component |___Sidebar | |___index.tsx | |___index.module.css |___Content |___index.tsx |___index.module.css¿Alguien puede explicar lo que pasó? ¿Está sucediendo esto porque estoy usando una estructura de carpetas css como esa que hace que los estilos tarden en leerse? ¿Cómo crees que se puede solucionar este problema?
1 Respuestas
Responde la pregunta0
Una de las opciones es cargar los archivos CSS en el archivo index.js o app.js, que es el componente superior de su aplicación. Luego puede usar el evento dom para agregar el componente como se muestra a continuación. Actualmente es difícil reproducir el problema ya que no ha compartido ningún código. Pero sugeriría que vale la pena intentarlo. Asegúrese de agregar los archivos CSS en el archivo index.js
document.addEventListener("DOMContentLoaded", function(event) { ReactDOM.render( <App />, document.getElementById('root') ); });