javascript - × TypeError:无法读取未定义的属性“图像”
问题描述
我目前正在开发一个电子商务网站我在这个领域很新当我想将一些图像导入我的页面时遇到了这个错误这是我的 productscreen.js
import React from "react";
import { Link } from "react-router-dom";
import { Row, Col, Image, ListGroup, Button, Card } from "react-bootstrap";
import Rating from "../components/Rating";
import products from "../products";
function ProductScreen({ match }) {
const product = products.find((p) => p._id === match.params._id)
return (
<div>
<Link to="/" className="btn btn-light my-3">
Go Back
</Link>
<Row>
<Col md={6}> if (!product) {
<Image src={product.image} alt={product.name} fluid />
}
</Col>
解决方案
在代码中添加空检查条件
<Image src={product && product.image} alt={product && product.name} fluid />
推荐阅读
- angular - 我的带有 PrimeNG pdf 导出的 angular12 无法解决以下错误
- php - 多表搜索并显示结果
- android - 添加项目后 RecyclerView 向上滚动
- c# - 如何使用 ToList 方法呈现存储过程结果?
- vue.js - vue-easytable 插件有条件地显示列
- flutter - 有没有人有与颤振中的 lenght.clamp 属性相关的颤振文档?
- python - 我的 32 位 Windows 操作系统中没有安装 Pandas
- url - Odoo 表单上的外部 URL 链接
- vba - 如何选择文件名中带有可变短语的活动 Word 文档
- html - 在没有页面加载的情况下在 jQuery 中加载页面