[AJUDA] Preciso de uma ajuda para um projeto em NEXTJS
Estou fazendo um projeto em NEXTJS que precisa de um slider (carrossel de fotos) estou usando o keen-slider, porém tem um probleminha que não estou conseguindo resolver, e não encontro ajuda em lugar nenhum.
Se você puder me ajudar, por favor, responda aqui!
Vou tentar deixar uma breve explicação do problema aqui:
Essa é a função que faz o sistema de navegação do slider funcionar
function Arrow(props) {
const disabled = props.disabled ? " arrowdisabled" : ""
return (
<svg
onClick={props.onClick}
className={styles.arrow ${props.left ? "styles.arrowleft" : "styles.arrowright"} ${disabled}}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
>
{props.left && (
)}
{!props.left && (
)}
)
}
O problema é:
Os estilos CSS não estão sendo aplicados pois ali na classname está sendo usado template literals
Repito!!!
Se você puder me ajudar, por favor, responda aqui!
Não é só remover "" de styles?
"styles.arrowleft" : "styles.arrowright"
para
styles.arrowleft : styles.arrowright
Opa, tentei, o código não acusou nenhum erro, mas ainda não funcionou :( eu preciso que o styles.arrow também funcione. Mas obrigado pela ajuda!
se for possível, coloque seu código no github.