• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

122
Vistas
Mostrar el ícono de carga antes de la primera inicialización de la aplicación de reacción

¿Cuál es la forma estándar de mostrar un ícono de cargador antes de que el navegador descargue todos los archivos js y cargue la aplicación de reacción?

¿Puedo hacer algo así sin romper nada?

 <div id="content" class="app"> Loading... </div>
about 3 years ago · Santiago Trujillo
2 Respuestas
Responde la pregunta

0

Sí.

Una vez que su javascript se haya cargado, puede reemplazar Loading... al representar su aplicación de reacción en el mismo <div>

 render( <App />, document.getElementById('content') );
about 3 years ago · Santiago Trujillo Denunciar

0

Una forma de hacer esto usando métodos de ciclo de vida de component .

 class App extends React.Component { constructor(props){ super(props); this.state = { loading: true }; } componentWillMount(){ this.setState({loading: true}); //optional } componentDidMount(){ this.setState({loading: false}) } render() { return ( <section className="content"> {this.state.loading && 'loading...'} {/*You can also use custom loader icon*/} <p>Your content comes here</p> {this.props.children} </section> ); } } ReactDOM.render(<App />, document.getElementById("app"));
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <div id="app"> </div>

about 3 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda