Javascript 我收到一个错误：React.Children.在我的index.js页面中只应接收一个React元素子元素。有解决办法吗

这里是Index.js代码

    ReactDOM.render(
      <React.StrictMode>
        <App />
      </React.StrictMode>,
    document.getElementById('root')
    );

        function App() {
          return (
            <div className="App">
              <header className="App-header">
                <AppNavbar/>
                <ShoppingList/>
              </header>
            </div>
          );
       }

我已经检查了许多其他类似的错误，但没有任何成功。有人能解决这个问题吗？

试着把

<AppNavbar/>
<ShoppingList/>

在

标记为标头可能需要在其下使用单个元素。

• 首先，根据，您需要将需要转换的内容放入
  中。因此，在您的情况下，将您的

  列表组.Item

  和

  按钮
  放在
  cstranslation
  中

---

• 另外，您在

  中使用了错误的
  键
  （字符串），看起来您的
  正在返回一些数组。。。。用
  React.Fragment
  将其包装起来。。。还可以共享App.js的代码。向我们展示App.js文件的
  jsx
  ，共享App.js的jsx。js@gdh我尝试用
  React.Fragment
  包装
  ，但错误消息仍然存在。什么是组件？JSX组件必须以大写字母开头。是的，伙计，我也试过了。好像不起作用。哦，好的。然后尝试注释所有组件，逐步引入单个组件或仅div。这似乎不是什么大的技术问题。将
  按钮
  移动到
  列表组
  之外，它就可以正常工作了！
  <AppNavbar/>
  <ShoppingList/>