.map不处理react[duplicate]中的对象数组

Question

我有以下代码：

const displayData = (data) => {
    console.log(data);// this shows an array of objects
    if (!data.length) return null;
    
    return data.map((movie, index)=>{
       <div key={index} className="movie-display" >
            <h2>{movie.Title}</h2>
            <p>{movie.Year}</p>
        </div>
    })
}
return (
    <div className="search">
        <form >
            <input
                type="text"
                placeholder="Enter details here"
                onChange={(event) => setSearchTerm(event.target.value)}
            />
            <button type="button" onClick={() => fetchData()}>Search</button>
        </form>
        <div className="movies-list">
            {displayData(data)}
        </div>
    </div>
 );

}

无法获取数据。映射到工作这是控制台评论的内容。控制台中的日志显示：

Answer 1

您没有从map（）lambda返回任何内容。您应该从map回调返回JSX，如下所示：

js prettyprint-override">return data.map((movie, index) => {
  return <div key={index} className="movie-display">
           <h2>{movie.Title}</h2>
           <p>{movie.Year}</p>
         </div>;
});

Answer 2

您的语法已关闭。您不会返回map函数中的任何内容。