Reactjs Formik对象没有'；不渲染

我创建了一个名为

的自定义输入，并将

useField（）

和

useformiccontext（）

应用到它：

const [field, meta] = useField(props);
const { setFieldValue } = useFormikContext();

是名为

UI

的库的一部分。我正在导入库并尝试创建一个非常简单的表单进行测试，一个字段，唯一需要验证的是：

import React, { useContext } from "react";
import { DataContext } from "../../context/DataContext";
import * as UI from "@tui/uilibrary";
import { composeThemeFromProps } from "@css-modules-theme/react";
import styles from "./EnrollStep5.module.scss";

import { Formik, Form } from "formik";
import * as Yup from "yup";

const EnrollStep5 = (props) => {
  const context = useContext(DataContext);
  const theme = composeThemeFromProps(styles, [context, props]);

  return (
    <Formik
      initialValues={{
        name: "",
      }}
      validationSchema={Yup.object().shape({
        name: Yup.string().required("Required"),
      })}
    >
      {(props) => {
        <Form className={theme.EnrollStep2}>
          <UI.FormInput type={"text"} name={"name"} label={"Name"} />
        </Form>;
      }}
    </Formik>
  );
};

export default EnrollStep5;

import React，{useContext}来自“React”；
从“../../context/DataContext”导入{DataContext}”；
从“@tui/uilibrary”导入*作为UI；
从“@css模块主题/react”导入{composeThemeFromProps}”；
从“/EnrollStep5.module.scss”导入样式；
从“Formik”导入{Formik，Form}；
从“Yup”导入*作为Yup；
常量注册步骤5=（道具）=>{
const context=useContext（DataContext）；
const theme=composeThemeFromProps（样式，[上下文，道具]）；
返回(
{（道具）=>{
;
}}
);
};
第5步导出默认值；

这是空白的。Formik对象显示在组件浏览器中，但显示时似乎没有子对象。我有一种感觉，这只是因为我缺乏经验，而且我很接近。我做错了什么？

简言之： 将

…

包装在（paranethes）中，而不是{大括号}

更详细一点：
因此，在使用大括号的代码中，基本上是在输入回调函数。因此，

…

只是在函数体中的某个地方浮动。您要做的是退回它。
因此，您可以在大括号内添加return语句（

return…；

），也可以直接返回值，而无需输入函数体。例如，如

（道具）=>…

或

（道具）=>（…）

，以您喜欢的为准