這篇文章主要介紹了react中怎么導(dǎo)入圖片，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站為客戶提供專業(yè)的網(wǎng)站制作、網(wǎng)站建設(shè)、程序、域名、空間一條龍服務(wù)，提供基于WEB的系統(tǒng)開發(fā). 服務(wù)項(xiàng)目涵蓋了網(wǎng)頁設(shè)計、網(wǎng)站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、移動網(wǎng)站建設(shè)等網(wǎng)站方面業(yè)務(wù)。

react中導(dǎo)入圖片的方法：1、通過import方式導(dǎo)入，代碼為【import logo from './asset/logo.jpg'】；2、使用require方法，代碼為【

react中導(dǎo)入圖片的方法：

1、通過import方式（適用于插入靜態(tài)圖片）：

import React from 'react'
import logo from './asset/logo.jpg'
export default class Login extends React.Component {
    render() {
        return (<>
            
        )
    }
}

2、使用require方法（可以使用此方法插入動態(tài)圖片）：

require中不能有純粹的代表圖片地址的變量，但是可以通過變量和字符串拼接的方式來使用此方法。

3、css中可以通過直接使用圖片地址的方式來引用圖片(和原生的一樣)。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享react中怎么導(dǎo)入圖片內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來學(xué)習(xí)!

網(wǎng)頁名稱：react中怎么導(dǎo)入圖片-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/djjjcd.html