首頁 > web前端 > js教程 > 主體

react中如何引進圖片

coldplay.xixi
發布: 2020-11-17 15:49:49
原創
2161 人瀏覽過

react中引進圖片的方法:1、方式一【import tsIcon from '../images/typescript.jpeg';】;2、方式二【const tsIcon = require( './images/typescrip 】。

react中如何引進圖片

react中引進圖片的方法:

方式一:

import tsIcon from '../images/typescript.jpeg';
登入後複製

方式二:

const tsIcon = require( '../images/typescript.jpeg');
登入後複製

使用方式一:

<img src={tsIcon} alt= "" />
登入後複製

使用方式二:

<div style={{ background: `url(${tsIcon}) no-repeat`}}> </div>
登入後複製

使用方式三:

const styles = { test: { background: `url(${tsIcon}) no-repeat center` }}render() { return ( <div style={styles.test}></div> )}
登入後複製

相關免費學習推薦: JavaScript(影片)

#

以上是react中如何引進圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!