我有一个包含 Formik 的表单，我想减少重新渲染，因此我使用了 FastField。 我收到错误 无法读取未定义的属性（读取“getFieldProps”） ，我不知道如何解决它。

完整代码在 这里

我在 这里 和 这里

import React from "react";
import ReactDOM from "react-dom";
import { useFormik, FastField } from "formik";
import * as yup from "yup";
import Button from "@material-ui/core/Button";

const validationSchema = yup.object({});

const WithMaterialUI = () => {
  const formik = useFormik({
    initialValues: {
      firstName:''
    },
    validationSchema: validationSchema,
    onSubmit: (values) => {
      alert(JSON.stringify(values, null, 2));
    }
  });

  return (
    <div>
      <form onSubmit={formik.handleSubmit}>
        <label htmlFor="firstName">First Name</label>
        <FastField name="firstName" placeholder="Weezy" />
        <Button color="primary" variant="contained" fullWidth type="submit">
          Submit
        </Button>
      </form>
    </div>
  );
};

ReactDOM.render(<WithMaterialUI />, document.getElementById("root"));