Estoy usando React y trato de limitar la cantidad de dígitos después de un decimal de una entrada de usuario. Es un TextField y tiene un evento de controlador onChange para capturar la entrada del usuario. El controlador onChange se llama handleAmount . Estoy pasando la entrada del usuario como e.target.value . Investigué un poco detrás de esto y creo que una forma de manejar la limitación de la cantidad a solo 5 decimales es hacer algo similar a usar el método .toFixed(5). Sin embargo, cuando hago esto, me sale un error.
TypeError: value.toFixed no es una función
¿Ustedes ven algo que esté mal con eso? Por favor vea mi código abajo. ¡Gracias!
const [amount, setAmount] = useState(); const handleAmount = (value) => { setAmount(value.toFixed(5)); }; <TextField className={classes.textField} type="number" onChange={e => handleAmount(e.target.value)} value={amount} error={isInvalidAmount} helperText={invalidAmountMessage} variant="outlined" />puedes usar esta muestra
export default function App() { const [value, setValue] = useState(); const onChange = ({ target }) => { let number = parseFloat(target.value); setValue(number.toLocaleString("en-US", { maximumSignificantDigits: 5 })); }; return ( <div className="App"> <Input onChange={onChange}></Input> <h2>{value}</h2> </div> ); }