如何解决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 举报,一经查实,本站将立刻删除。