问React:当用户开始键入时删除默认值

EN

import * as React from "react";

import { TextField } from "@material-ui/core";
import { useFormikContext } from "formik";

export const NumberFormField = ({
  field,
  form: { touched, errors },
  inputProps,
  ...props
}) => {
  const { setFieldValue, setFieldTouched } = useFormikContext();

  field.onChange = event => {
    const newValue = event.target.value; // This line is your bottleneck
    setFieldValue(field.name, newValue);
    setFieldTouched(field.name, true);
    console.log("new val", newValue, field.name);
  };

  return (
    <TextField
      {...props}
      inputProps={{
        ...inputProps,
        type: "number"
       }}
      InputProps={{
        ...field,
        ...inputProps
      }}
    />
  );
};