Tengo una tabla con algunos campos de texto y valores. Los valores ya están dados. Todos son números enteros y estoy tratando de cambiar uno de ellos a un flotante usando punto o coma, pero cuando uso la coma o el punto, se eliminan.
const DEFAULT_CHARGING_CURVE = [ { SoC: 44, power: 250 }, { SoC: 48, power: 240 }, { SoC: 51, power: 220 }, { SoC: 54, power: 200 }, { SoC: 57, power: 180 }, { SoC: 61, power: 170 }, { SoC: 65, power: 160 }, { SoC: 69, power: 155 }, { SoC: 70, power: 145 }, { SoC: 76, power: 115 }, { SoC: 80, power: 80 }, { SoC: 89, power: 60 }, { SoC: 90, power: 55 }, { SoC: 100, power: 0 }, ]; const [chargingCurveTableData, setChargingCurveTableData] = useState( DEFAULT_CHARGING_CURVE,);
<TableCell className={classes.tableCell}> <TextField inputProps={{ 'aria-label': `chargingCurveTable Row ${i}, power`, style: { textAlign: 'center' }, }} type='number' value={row.power} onChange={(event) => updateChargingCurveTableRowPower( i, event.target.value, ) } ></TextField> </TableCell>agregue al valor de paso de inputProps para mayor precisión
ejemplo:
const TestComponent = () => { const [value, setValue] = useState(0) return ( <TextField inputProps={{ step: 0.1, }} variant="standard" label="test" value={value} type="number" onChange={(e) => { setValue(e.target.value) }} /> ) }Tengo esta versión "@mui/material": "^5.8.4"