estoy tratando de aprender literales de plantilla, tengo un proyecto mío, necesito usar literales de plantilla allí, tengo una pregunta que parece muy simple, pero no sé qué estoy haciendo mal
esto está funcionando:
const classes = props.classes; return ( <List component="div" data-testid="SelectionListt" className={classes.selectionList__sites} > </List> );mi pregunta es cómo debo convertir ese nombre de clase usando literales de plantilla.
Esto es lo que he hecho:
const classes = props.classes; return ( <List component="div" data-testid="SelectionListt" className={` ${classes + ".selectionList__sites"} `}` > </List> );esta es mi lista de selección__sitios:
selectionList__sites: { backgroundColor: "white", "&:hover": { backgroundColor: " red", color: "black", border: "1px solid yellow", }, },El inglés no es mi lengua materna, por lo que podría haber errores.
Los literales de plantilla no necesitan comillas regulares dentro de ellos, básicamente todo el contenido entre comillas graves se maneja como una cadena, excepto los valores dentro de ${}.
Suponiendo que props.classes es una cadena, escribiría su className así:
className={`${classes}.selectionList__sites`}