Javascript 使用映射功能显示箭头时出现反应错误

因此，我的App.js是：

import React from 'react';
import './App.css';
import Card from './users/Card';

function App() {
  return (
    <div className="App">
      <Card />
    </div>
  );
}

export default App;

我做错了什么？如果我在App.js中使用map函数，它可以正常工作。

使用片段：

return <>{peopleList}</>;

完整代码：

类卡扩展组件{ 渲染{ const people=[name1，name2，name3]； const peopleList=people.mapperson=>{person}

； 返回{peopleList}； } } 演示：

只需返回peopleList

---

正如错误所说的那样。通过返回{peopleList}，您将返回一个具有一个属性peopleList的对象。而是返回数组，而不是object@CertainPerformance不，完全可以。这是关于它返回的方式。@PraveenKumarPurushothaman如果它完全好的话，OP不会遇到错误，对吗？返回一个对象而不是数组或片段是这里的基本问题，不是吗？@CertainPerformance我是说，一个具有一个属性的对象。。。呃。。。你说得有点对，我误解了！呵呵，谢谢。为什么我需要把它放在一个div标签中呢？因为在JS模式下它是JSX。

Objects are not valid as a React child (found: object with keys {peopleList}). 
If you meant to render a collection of children, use an array instead.

return <>{peopleList}</>;