首页 > 解决方案 > GETTING ERROR:警告:道具类型失败:提供给“Form”的道具“children”无效,需要一个ReactNode

问题描述

我正在制作一个简单的useContext使用演示final-form。我收到了这个警告

Warning: Failed prop type: Invalid prop儿童supplied to表格, expected a ReactNode.

这是我的代码 https://codesandbox.io/s/github/test-gitt

重现我的问题或警告的步骤

  1. 运行应用程序。显示一个按钮。单击按钮。它显示另一个具有按钮的页面。
  2. 再次单击控制台打开的按钮contrl+alt+I

你会这个警告为什么?

<BrowserRouter>
        <LoadingProvider>
            <Router/>
        </LoadingProvider>
    </BrowserRouter>

在此处输入图像描述

任何更新 ?

标签: javascriptreactjsreact-hooksreact-final-form

解决方案


从我能够使用您提供的代码进行测试的结果来看,这就是消除该错误的原因:

在 src > add-agency > index.js:54 内的以下代码行

您必须将 SForm 的子项包装到一个 Fragment 中,以便子项仅是一个 ReactNode。就像是:

<SForm>
    <Fragment>
        <Tag />
        <Tag />
        <Tag />
    </Fragment>
</SForm>

请考虑不要发布您的整个代码库,而只需写下一个简单且可重现的示例,该示例可以轻松显示您要解决的问题。


推荐阅读