图像路径在 React 中不起作用，因为我尝试在对象内部使用图像路径，该对象也在数组内部

Posted 2023-02-22

【中文标题】图像路径在 React 中不起作用，因为我尝试在对象内部使用图像路径，该对象也在数组内部

【英文标题】：Image path not working in React as I tried to use use Image path inside an object which is also inside of an array

【发布时间】：2020-11-25 22:16:16

【问题描述】：

我想使用对象内的图像路径作为值。该对象也在数组内部。 但是图像没有显示出来。谁能解释为什么？ 我的代码：

const Data =[
    
        imgsrc:"require('../src/img/2.jpg')",
        title:'this is me',
        sname:'Dark',
        link:'https://www.google.com'
    ,
    
        imgsrc:"require('../src/img/1.jpg')",
        title:'this is me',
        sname:'Dark',
        link:'https://www.google.com'
    
];

export default Data;

【参考方案1】：

你不能以你提议的方式使用 require。好吧，实际上当然有人知道它是如何工作的，但我强烈建议不要这样做。

考虑这个选项：

const image2 = require('../src/img/2.jpg');

const Data =[
    
        imgsrc:image2,
        title:'this is me',
        sname:'Dark',
        link:'https://www.google.com'
    ,
];

export default Data;

【参考方案2】：

因为这是字符串，而不是正确的导入语句？ Webpack 或您使用的任何工具都无法找到此导入并正确解释它们。

试试这样的：

const image1 = require('../src/img/1.jpg')
const image2 = require('../src/img/1.jpg')
const Data =[
    
        imgsrc:image1,
            title:'this is me',
            sname:'Dark',
            link:'https://www.google.com'
    ,
    
        imgsrc:image2,
            title:'this is me',
            sname:'Dark',
            link:'https://www.google.com'
    `enter code here`
];