0
333
Vistas¿Cómo puede agregar 2 nombres de clase en un solo div en el próximo js?
Traté de agregar dos estilos de formulario de nombre de clase, pero no pude agregar dos clases de CSS en un solo div.
Aquí está la captura de pantalla: 
mi código es el siguiente:
blog.js
... import styles from '../styles/Home.module.css' .... <div className={styles.container}> <h2 >Recent Blogs</h2> <hr/> {blogs.map((data)=>{ return <div key={data.slug}> <div className={'${styles.card} ${styles.canclick}'}> <Link href={`blogpost/${data.slug}`}><h3>{data.title}</h3> </Link> <em>{data.author}</em> </div> <p>{data.content.substr(0,200)}</p> </div>Inicio.módulo.css
.canclick{ cursor: pointer; } .card { margin: 1rem; padding: 1.5rem; text-align: left; color: inherit; text-decoration: none; border: 1px solid #eaeaea; border-radius: 10px; transition: color 0.15s ease, border-color 0.15s ease; max-width: 300px; }
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
hermano, puede usar class="" y className="" para el mismo div si enfrenta este problema nuevamente, puede usar este fragmento: ${styles.card} ${styles.canclick} aquí la diferencia entre su código y este código mi código tiene `` y el suyo tiene **''** al principio y al final. puede ver este símbolo en el botón de "pestaña" de arriba de su teclado. Simplemente haga clic en ese y disfrute.
·
Juan Pablo Isaza
Denunciar
Responde la pregunta