0
561
VisualizaçõesNo se puede cambiar el valor decimal en MUI v5 TextField
Traté de mostrar el valor decimal 1.0 en el componente TextField de MUI5. Puedo cambiar su valor solo con los íconos en TextField pero no cuando intento ingresar cualquier valor. Retroceso no parece funcionar.
Extracto de mi código
export default function App() { const [value, setValue] = useState(1); const handleChange = (e) => { setValue(e.target.value); }; return ( <div className="App"> <TextField fullWidth variant="outlined" id="value" name="value" type="number" label="Decimal Value" value={parseFloat(value).toFixed(1)} onChange={handleChange} /> </div> ); }Creé un ejemplo de trabajo usando CodeSandbox . ¿Alguien podría ayudar?
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
Intente formatear el valor en onBlur en lugar de onChange . Cuando escribe retroceso en onChange , el valor es 1. pero tiene el formato 1.0 de todos modos en el siguiente procesamiento y deshace su trabajo:
<TextField type="number" inputProps={{ maxLength: 13, step: '1', }} value={value} onChange={handleChange} onBlur={(e) => setValue(parseFloat(e.target.value).toFixed(1))} /> 
·
Juan Pablo Isaza
Relatório
Responde à pergunta