Javascript 映射函数不读取组件

Javascript 映射函数不读取组件,javascript,reactjs,Javascript,Reactjs,我有下面的代码,它没有像预期的那样显示任何列表。 我不明白为什么它不起作用,缺少什么 返回( 列表 {events.map((事件,索引)=>{ Name:{event.Name} }) } ); 您有一个输入错误-您在那里使用了{}大括号,在这种情况下,您还需要一个返回值。在大括号函数中没有返回值,等于隐式返回未定义 return ( <div> List <ul> {events.map((event, index) =>

我有下面的代码,它没有像预期的那样显示任何列表。 我不明白为什么它不起作用,缺少什么

返回(
列表
    {events.map((事件,索引)=>{
  • Name:{event.Name}
  • }) }
);
您有一个输入错误-您在那里使用了
{
}大括号,在这种情况下,您还需要一个
返回值
。在大括号函数中没有
返回值
,等于隐式
返回未定义

return (
  <div>
    List
    <ul>
      {events.map((event, index) => {
        return <li key={index}>Name:{event.name}</li>;
      })}
    </ul>
  </div>
);
返回(
列表
    {events.map((事件,索引)=>{ 返回
  • 名称:{event.Name}
  • ; })}
);
或者,更简单地说,使用常规括号使返回隐式(请参阅):

返回(
列表
    {events.map((事件,索引)=>(
  • Name:{event.Name}
  • ))}
);
您有一个输入错误-您在那里使用了
{
}大括号,在这种情况下,您还需要一个
返回值
。在大括号函数中没有
返回值
,等于隐式
返回未定义

return (
  <div>
    List
    <ul>
      {events.map((event, index) => {
        return <li key={index}>Name:{event.name}</li>;
      })}
    </ul>
  </div>
);
返回(
列表
    {events.map((事件,索引)=>{ 返回
  • 名称:{event.Name}
  • ; })}
);
或者,更简单地说,使用常规括号使返回隐式(请参阅):

返回(
列表
    {events.map((事件,索引)=>(
  • Name:{event.Name}
  • ))}
);