Tengo un componente de entrada MUI definido de esta manera donde el oninput (también probado como onInput ) no es elegido por MUI
<Input variant="standard" size="small" type="number" inputProps={{ min: '0', oninput: "validity.valid||(value='');", }} onChange="validity.valid||(value='');" />Como dice el documento de MUI,
inputProps object {} Atributos aplicados al elemento de entrada.
Y bueno, oninput es un atributo de evento válido para el elemento de input , pero en el procesamiento, el elemento de entrada HTML nativo subyacente solo tiene definido el atributo min y falta el atributo oninput .
¿Qué está fallando aquí? Incluso lo probé con onChange pero sin éxito.
Deberías pasar un parámetro de función como onInput prop en lugar de una cadena como esta:
const handleOnInput = (e) => { //e.target.value }; <Input value={val} variant="standard" size="small" type="number" inputProps={{ min: "0", onInput: handleOnInput }} />Puede echar un vistazo a este sandbox para ver un ejemplo de trabajo en vivo.