使用与 React Form 中显示不同的输入字段值

如何解决使用与 React Form 中显示不同的输入字段值

我有一个正在响应的表单，如果没有指定其他值，我希望输入字段显示“无限制”作为默认值，否则客户输入。但是如果没有指定值，我需要该值为 -1（对于代码的其他部分）。

我的代码现在看起来像这样：

import { Field,Form } from "react-final-form";


const RecordingForm = (props: Props) => {
  const onSubmit = (values: any) => {
  //some code here...
  };


  return (
    <div>
      <Form
        onSubmit={onSubmit}
        initialValues={{ totaltime_maximum: -1,}}
        render={({ handleSubmit,form,submitting,pristine,values }) => (
          <form onSubmit={handleSubmit}>

            <Field name="totaltime_maximum">
              {({ input,Meta }) => (
                <div>
                  <label>Maximum duration (seconds):</label>
                  <input {...input} type="number" placeholder="No Limit" />
                  {Meta.error && Meta.touched && <span>{Meta.error}</span>}
                </div>
              )}
            </Field>

          </form>
        )}
      />
    </div>
  );
};
export default RecordingForm;

但是，这段代码的结果是这个输入框：

我希望它看起来像这样：

并且值（我在代码中使用）为 -1。

我该怎么做？