React 不顯示圖像或 svg 文件

Question

我的問題是反應不顯示任何圖像（jpeg，png）或 svg 文件。 我一直在嘗試一些不同的技術，例如在圖像的 src 屬性中進行簡單導入，或者使用require() 。 但我無法解決問題，我也嘗試在不同文件夾之間移動圖像，但這也不起作用。 我正在使用 react 和 styled-components，這是我的一些代碼：

<Img src={require('../../images/cuervo.png')} alt={alt}></Img>

創建一個新組件：

import React from 'react'
import { Icon } from '@material-ui/core'

const mainLogo = require("./logo.svg")
const Logo = () => {
    return (
        <Icon>
            <img src={ mainLogo } height={25} width = {25}>
            </img>
        </Icon>
    )
}

export default Logo

導入也不起作用。

Answer 1

也許嘗試用一個圖形標簽替換圖標標簽，如下所示，讓我知道這是否有效。 可能是圖標標簽很煩人。

import React from 'react'
import mainLogo from 'location/of/your/image'

const Logo = () => {
    return (
        <figure>
            <img src={ mainLogo } alt="Logo" />
        </figure>
    )
}

export default Logo

另外，我確定您將 Logo 組件正確導入到您希望顯示此徽標的主要組件中，但可能會仔細檢查它是否被正確導入:)