0

Si en vez de un elemento li pongo un Select con options ahí si funciona pero con li no, ¿es solo por la etiqueta?

import React, {useState} from 'react'

const useCategoria = ( stateInicial, opciones ) => {

  const [ state, setState ] = useState(stateInicial)


  const Categoria = () => (
    <ol className=" flex cursor-pointer pt-2 mr-20 sm:mr-12 md:mr-24 overflow-x-auto">
        {opciones.map( opcion => (
            <li onClick={ e => setState(e.target.value)} className="px-1 font-bold text-slate-400 md:text-white hover:text-red-600" key={opcion.value} value={opcion.value}>{opcion.title}</li>
        ))}
    </ol>
  )

  return [ state, Categoria ];

}
 
export default useCategoria;
2
  • cual es el estado inicial?
    – FranyxD
    el 16 nov. 2022 a las 0:06
  • 1
    será porque los <li> no tienen una propiedad value y los option del select si?
    – Pipe
    el 16 nov. 2022 a las 1:43

1 respuesta 1

0

La etiqueta li no tiene la propiedad value puedes mejor cambiar el código y realizar algo parecido a esto

const Categoria = () => (
    <ol className=" flex cursor-pointer pt-2 mr-20 sm:mr-12 md:mr-24 overflow-x-auto">
        {opciones.map( opcion => (
            <li onClick={ () => setState(opcion.value) } className="px-1 font-bold text-slate-400 md:text-white hover:text-red-600" key={opcion.value}>{opcion.title}</li>
        ))}
    </ol>
  )

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.