我正試圖在我正在制作的購物車中顯示圖像，但它沒有顯示出來。我必須導入每個圖像嗎？我知道我的路徑很好，因為它之前有用。我認為我的product.js文件可能有問題，但我無法理解。這是我的Product.jsimport React, { Component, PropTypes } from 'react';class Product extends Component {handleClick = () => {    const { id, addToCart, removeFromCart, isInCart } = this.props;    if (isInCart) {        removeFromCart(id);    } else {        addToCart(id);    }}render() {    const { name, price, currency, image, url, isInCart } = this.props;    return (        <div className="product thumbnail">            <img src={image} alt="product" />            <div className="caption">                <h3>                    <a href={url}>{name}</a>                </h3>                <div className="product__price">{price} {currency}</div>                <div className="product__button-wrap">                    <button                        className={isInCart ? 'btn btn-danger' : 'btn btn-primary'}                        onClick={this.handleClick}>                        {isInCart ? 'Remove' : 'Add to cart'}                    </button>                </div>            </div>        </div>    );}}Product.propTypes = {id: PropTypes.number.isRequired,name: PropTypes.string.isRequired,price: PropTypes.number,currency: PropTypes.string,image: PropTypes.string,url: PropTypes.string,isInCart: PropTypes.bool.isRequired,addToCart: PropTypes.func.isRequired,removeFromCart: PropTypes.func.isRequired,}export default Product;數據來自此產品.jsconst data = [{id: 1,name: 'Reggae Blaster',price: 10,currency: 'GOLD',image: '../assets/blaster_1.png'},{id: 2,name: 'Juicy Blaster',price: 10,currency: 'GOLD',image: 'images/02.jpg'},{id: 4,name: 'Full Body Reggae Armor',price: 20,currency: 'GOLD',image: 'images/04.jpg'},{id: 6,name: 'Reggae Spikes Left',price: 5,currency: 'GOLD',image: 'images/06.jpg'},{id: 5,name: 'Reggae Spikes Right',price: 5,currency: 'GOLD',image: 'images/05.jpg'},{我正在提取所有數據，除了圖像沒有顯示