Javascript React Final Form错误：必须指定渲染属性

我试图用React Final form构建一个简单的表单，如下所示：

import*as React from“React”；
进口{
主按钮，
}从“office ui fabric react/lib/Button”；
从“react final Form”导入{Form，Field}；
从“最终形式”导入{FORM_ERROR}；
从“../../models/user”导入{IUserFormValues}；
从“./../stores/rootStore”导入{RootStoreContext}；
从“/TextInputNew”导入TextInputNew；
const NewUIForm=（）=>{
const rootStore=React.useContext（RootStoreContext）；
const{login}=rootStore.userStore；
返回(
登录（值）。捕获（（错误）=>({
[FORM_ERROR]：错误，
}))
}
渲染={({
手推，
}) => (
)}
/>
);
};
导出默认的NewUIForm；

TextInputNew

组件如下：

import*as React from“React”；
从“officeui/lib/TextField”导入{TextField}；
从“react final form”导入{FieldRenderOps}；
接口IProps扩展FieldRenderProps{}
const TextInputNew:React.FC=（{input}）=>{
返回(
);
};
导出默认文本InputNew；

当我使用这个

NewUIForm

组件时，我得到了这个错误

错误：必须指定渲染道具、作为子级的渲染函数或组件道具以进行ReactFinalForm

顺便说一下，UI框架是流畅的UI 有人能帮我吗？谢谢

你是第二名

应该是

你是第二名

应该是

---

对于可能遇到此模糊错误消息的任何其他人来说，问题在于的渲染功能出错

对于OP，它使用了错误的表单标签。 对我来说，这是组件

（components={MyComponent}

，oops）上拼写错误的属性

由于错误可能是由多种原因造成的，并且消息不是很具体，因此可以通过浏览器调试器了解问题可能出在哪里，在我的例子中是这样的：

---

对于可能遇到此模糊错误消息的任何其他人来说，问题在于的渲染功能出错

对于OP，它使用了错误的表单标签。 对我来说，这是组件

（components={MyComponent}

，oops）上拼写错误的属性

由于错误可能是由多种原因造成的，并且消息不是很具体，因此可以通过浏览器调试器了解问题可能出在哪里，在我的例子中是这样的：

---

谢谢你的回答，但在那之后，我会为每个字段设置两个输入字段，我认为一个来自，另一个来自，你知道如何解决这个问题吗？你必须将

{…input}

传递到

文本字段中，然后删除
。谢谢你的回答，但之后，我将为每个字段设置两个输入字段，我认为一个来自，另一个来自，您知道如何解决这个问题吗？您必须将
{…input}
传递到
TextField
并删除
。
    <form onSubmit={handleSubmit}>
      <Field name="email" component={TextInputNew} />
      <Field name="email" component={TextInputNew} />
      <PrimaryButton type='submit' text="Save" />
    </form>