Tengo componentes con estilo en mi componente React y actualmente usa la función de accesorios en componentes con estilo.
Necesito diseñar usando otra propiedad, pero sigo recibiendo un error cuando intento pasarlo.
Esto es lo que tengo actualmente y funciona bien.
border: 1px solid ${(props) => (props.isError ? "red" : "transparent")};Esto es lo que estoy tratando de lograr:
border: 1px solid ${(props) => props.isError ? theme.Colors.red : "transparent"};¿Hay alguna forma de pasar el tema como un accesorio adicional en la función de accesorios?
Sigo recibiendo este error **Cannot find name 'theme'.** , a pesar de que se está utilizando en otras partes de mi componente con estilo.
${({theme, isError}) => ...} es lo que estás buscando.
Debe desestructurar todos los accesorios del objeto de accesorios, o de lo contrario usaría props.theme.Colors.red , ya que los props contendrán el objeto del theme de la forma en que lo está escribiendo.