Tengo un componente de barra de navegación que creé para reaccionar. Cuando llamo a este componente en diferentes páginas, necesito cambiar los nombres de clase.
Por ejemplo: quiero que mi componente "" tenga una clase diferente en una página y una clase diferente en otra página.
const ServicesCiso = () => { return ( <div className="hero"> <NavBar/> <div className...¿Cómo puedo agregar className en este código?
Puede pasar el nombre de className como accesorios a este componente y pasar el nombre de clase preferido en la página en la que lo está representando.
const ServicesCiso = ({ className }) => { return ( <div className={className}> <NavBar/> <div className... <ServicesCiso className="my-class-name" />Debe pasar el className desde el exterior a su componente a través de accesorios, sin embargo, también necesita una clase predeterminada en el caso de inicio
Tengo una sugerencia de esta biblioteca https://www.npmjs.com/package/classnames (clases combinadas)
ejemplo
View - ServicesCiso.js - ServicesCiso.css import ./ServicesCiso.css; import cn from('classnames'); const ServicesCiso = (props) => { const {className} = props; return ( <div className={cn('hello', className}}> </div> ) }