错误：React.Children.only 期望接收单个 React 元素子级。（反应管理员）答案

【问题标题】：Error: React.Children.only expected to receive a single React element child. (React Admin)错误：React.Children.only 期望接收单个 React 元素子级。（反应管理员）
【发布时间】：2021-09-21 18:32:45
【问题描述】：

我今天开始使用 React Admin 框架通过 reactjs 构建仪表板，但是当我启动我的应用程序时收到此错误：

Error: React.Children.only expected to receive a single React element child.

App.js：

import * as React from "react";
import { Admin, Resource } from "react-admin";
import { ItensList } from "./lists/itens";
import { ItensShow } from "./view/itens";
import { ItensCreate } from "./create/itens";
import { ItensEdit } from "./create/itens";
import {
  FirebaseAuthProvider,
  FirebaseDataProvider,
  FirebaseRealTimeSaga,
} from "react-admin-firebase";

const options = {
  lazyLoading: {
    enabled: false,
  },
  logging: true,
  softDelete: true,
};

const config = {
  // firebase auth
};

const dataProvider = FirebaseDataProvider(config, options);
const authProvider = FirebaseAuthProvider(config);

const App = () => (
  <Admin dataProvider={dataProvider} authProvider={authProvider}>
    <Resource
      name="itens"
      list={ItensList}
      show={ItensShow}
      create={ItensCreate}
      edit={ItensEdit}
    />
  </Admin>
);

export default App;

编辑：资源组件来自 React Admin。

【问题讨论】：

您能否向我们展示完整的 App.js 和您的资源组件？
@TR3 刚刚编辑

标签： reactjs react-admin

【解决方案1】：

According to the docs...

我相信你应该只将一个孩子导入每个Resource，然后你可以从那里解构。

示例：

import { CommentList, CommentEdit, CommentCreate, CommentIcon } from './comments';

而不是导入四个子组件并通过Resource 组件向下发送。

【讨论】：