检查`Formik`

问题描述

我的React应用当前出现以下错误：

错误：元素类型无效：预期为字符串（对于内置组件）或类/函数（用于复合组件），但得到：未定义。您可能忘记了从文件中导出组件是在其中定义的，或者您可能混淆了默认导入和命名导入。

检查Formik的呈现方法。

我收到此错误是因为我将提交按钮包装在Apollo的<Mutation>组件中，以使我能够将数据发布到图形数据库中：

<Mutation mutation={CREATE_EVENT} variables={eventID,values.eventName,null,values.favourite,values.broadcast}>
  {postMutation => <Button
    type="submit"
    onClick={postMutation}
    disabled={isSubmitting}
    className={classes.saveMem}
  >
    Save
</Button>}
</Mutation>

当我删除Apollo的<Mutation>组件时，Formik表单将按预期方式呈现：

<Button
    type="submit"
    onClick={() => CreateMem(props.values.file,values)}
    disabled={isSubmitting}
    className={classes.saveMem}
  >
    Save
</Button>

我不确定这是Formik的错误还是其他问题。

我看到其他一些人也看到了相同的错误消息，他们通过更新Formik，React和React-Dom的版本找到了解决方案。我当前正在运行所有这些文件的当前版本：

"formik": "^2.1.5","react": "^16.9.0","react-dom": "^16.9.0",

我看到的另一件事是建议从Forms而不是从react-bootstrap导入Formik，但这似乎也不起作用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

apollo formik reactjs reactjs