這篇文章將為大家詳細講解有關(guān)怎么在react頁面中引入本地圖片，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)為企業(yè)級客戶提高一站式互聯(lián)網(wǎng)+設(shè)計服務(wù)，主要包括網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、成都App制作、微信平臺小程序開發(fā)、宣傳片制作、LOGO設(shè)計等，幫助客戶快速提升營銷能力和企業(yè)形象，創(chuàng)新互聯(lián)各部門都有經(jīng)驗豐富的經(jīng)驗，可以確保每一個作品的質(zhì)量和創(chuàng)作周期，同時每年都有很多新員工加入，為我們帶來大量新的創(chuàng)意。 

在react中引入本地圖片的兩種方式。

方式一、非背景圖片引入方式

（1）-直接在img標簽內(nèi)部src中使用

（2）import導入

import imgSrc from '圖片路徑'

方式二、圖片作為背景引入

（1）render()方法內(nèi)定義為對象

const bgGround {
    display: 'inline-block',
    height: '40px',
    width: '40px',
    background: `url(${require("圖片路徑")})`
}

// 在return中使用
xxxxx

（2）import引入

import imgUrl from '圖片路徑'
// render()中定義為對象
const bgGround = {
    display: 'inline-block',
    height: '40px',
    width: '40px',
    backgroundImage: 'url(' + imgUrl + ')'}
//在return中使用
xxxxx

關(guān)于“怎么在react頁面中引入本地圖片”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

文章名稱：怎么在react頁面中引入本地圖片-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://weahome.cn/article/igdss.html