owl-caruose-Line 12:36：Array.prototype.map() 期望从终端中的箭头函数数组回调返回错误返回值

问题描述

我想用owlCarousel创建一个对产品列表的调用，但它不会被创建是 映射方法有问题吗？ 在没有产品列表显示

 import React from 'react';
        import Product from './Product';
        import 'bootstrap/dist/css/bootstrap.min.css';
        import Owlcarousel from 'react-owl-carousel';
        import "owl.carousel/dist/assets/owl.carousel.css";
        import "owl.carousel/dist/assets/owl.theme.default.css";

    const ProductList=(props)=>{
       
      return(
        <Owlcarousel className="owl-theme" loop  nav>
           {props.products.map((item)=>{
            <div  className="item" key={item.id}>
              <Product data={item}/>
            </div>
          })}
        </Owlcarousel>
      )
    }

    export default ProductList;

在 Product.js 中

Prope已上市的组件产品

import React from 'react';
import { Link } from 'react-router-dom';
import 'bootstrap/dist/css/bootstrap.min.css';


const Product=(props)=>{
const data=props.data;
return(
    <div className="card mt-4">
    <img src={data.pic} className="card-img-top" alt={data.title} />
    <div className="card-body">
      <h5 className="card-title">{data.title}</h5>
      <p className="text-success" style={{fontSize: 22,fontWeight: 700}}>{data.price}</p>
      <Link to={"/Detail/" + data.id}><span className="btn btn-primary">Show More</span></Link>
    </div>
  </div>
)
}
export default Product;

请帮忙解决问题

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）