Tengo un componente Opciones que contiene una entrada deslizante. No entiendo por qué el pulgar del control deslizante no se mueve si configuro el parámetro "valor", pero lo necesito.
Aquí el código:
const Options: React.FC<Props> = () => { return ( <div className='options'> <span className='boh'>CUSTOMIZE YOUR PASSWORD</span> <div className='slider-container'> <input type="range" id="slider" min="1" max="100" value='10' /> <label htmlFor="slider">Length</label> </div> </div> ) } export default Optionsagradezco a quien me de una mano
Lo resolví reemplazando el parámetro "valor" con "valor predeterminado"
Configure esto de tal manera que su valor siempre sea 10. Si desea poder cambiar eso, deberá configurar el estado para reaccionar al valor inicial de 10, y también agregar la lógica para ser capaz de mutar ese valor. Aquí hay una manera de hacer esto:
import { useState } from 'react' const [value, changeValue] = useState(10) return ( <input value={value} onChange={e => changeValue(e.target.value)} /> )