将道具传递给React中的

Question

我在将prop传递给img的src属性时，链接没有加载图像的问题。我曾尝试在我的链接周围包装require（），但没有用。

我有一个庞大的产品库，使用图像加载器手动导入图像是不可行的。

因此，有没有一种方法可以使用src属性内的props加载图像？

我正在使用NODE_PATH = src /

感谢您的帮助！

export const productLib = [{
    ID: "001",
    name:"product name",
    src: "lib/productLib/img/product_name",
    color: "",
    ...
    }, {...}]

import React from 'react';

export class Products extends React.Component {
    render() {
        return(
            <div className="products">
                <img src={this.props.product.src} width="50" />
                <h6>{this.props.product.name}<span className={`block ${this.props.product.color}`}></span></h6>
            </div>
        )
    }
}

我在将prop传递给img的src属性时，链接没有加载图像的问题。我尝试在我的链接周围包装require（），但是没有用。我有一个庞大的图书馆...

Answer 1

我认为问题与您将url发送到组件的方式有关。