Cual es la diferencia entre class y className; ya que al usar emmet dentro de JavaScript y escribir <code>.nombre-clase da como resultado...

Sebastián Buitrago

Sebastián Buitrago

Pregunta
studenthace 4 años

Cual es la diferencia entre class y className; ya que al usar emmet dentro de JavaScript y escribir

.nombre-clase da como resultado className="nombre-clase"

en vez de poner el atributo class pone className

4 respuestas
para escribir tu comentario
    Stiven Jiménez

    Stiven Jiménez

    studenthace 4 años

    Respuesta corta en React no podemos usar class porque es una palabra reservada del lenguaje de programación "JavaScript" y para evitar problemas es necesario usar className

    Victor Alejandro Bustamante Cera

    Victor Alejandro Bustamante Cera

    studenthace 4 años

    Correcto se utilizaría el class

    Sebastián Buitrago

    Sebastián Buitrago

    studenthace 4 años

    si ya entendi, pero entonces si se crea un componente con JavaScript y se escribe un template de html se debe usar el atributo class proque en html el atributo className no existe cierto?

    Victor Alejandro Bustamante Cera

    Victor Alejandro Bustamante Cera

    studenthace 4 años

    'class' es un atributo en un elemento html y una palabra reservada en js y jsx aca te dejo un ejemplo

    var element = document.createElement('span'); element.className = 'conClase' // element es <span class='conClase'></span>

    Por otro lado 'className' es una propiedad de js que es utilizada para obtener u asignar la clase de un elemento.

    Espero que mi respuesta te haya ayudado!

Curso de Frameworks y Librerías de JavaScript

Curso de Frameworks y Librerías de JavaScript

Explora los frameworks y librerías de JavaScript como React, Angular y Vue para desarrollar aplicaciones interactivas. Aprende a gestionar estados, crear componentes reutilizables y manejar rutinas de datos para aplicaciones modernas y dinámicas.

Curso de Frameworks y Librerías de JavaScript
Curso de Frameworks y Librerías de JavaScript

Curso de Frameworks y Librerías de JavaScript

Explora los frameworks y librerías de JavaScript como React, Angular y Vue para desarrollar aplicaciones interactivas. Aprende a gestionar estados, crear componentes reutilizables y manejar rutinas de datos para aplicaciones modernas y dinámicas.