Estoy tratando de crear una Range bar como esta
usando react-input-range
pero al escribir este código
import InputRange from 'react-input-range'; import 'react-input-range/lib/css/index.css'; <form action=""> <InputRange maxValue={100} minValue={0} formatLabel={value => `$${value}`} value={range} onChange={value => setRange(value)} onChangeComplete={value => console.log(value)} /> </form>tengo esto
Establezca el valor inicial de rango (estado) y estará listo para comenzar.
const [range, setRange ]= useState({ min: 5, max: 10, }); <form action=""> <InputRange maxValue={100} minValue={0} formatLabel={value => `$${value}`} value={range} onChange={value => setRange(value)} onChangeComplete={value => console.log(value)} /> </form>