javascript - 在REACT里怎么引用图片了?
高洛峰
高洛峰 2017-04-11 11:48:38
[JavaScript讨论组]

这个要怎么引用啊?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(6)
阿神

本地<img src={require('xxx.jpg')} />
外链<img src={'imgurl'} />

巴扎黑
import '../css/style.styl';
import React from 'react';
import ReactDOM from 'react-dom';
import ReactCSSTransitionGroup from 'react-addons-css-transition-group';

import welHead from '../images/wel-bg-head.png';
import wel1 from '../images/wel-t1.png';
import wel2 from '../images/wel-t2.png';
import wel3 from '../images/wel-t3.png';
import wel4 from '../images/wel-t4.png';
import ruleBtn from '../images/wel-rule-btn.png';
import goBtn from '../images/wel-go-btn.png';

import r1 from '../images/rule-t1.png';
import r2 from '../images/rule-t2.png';
import r3 from '../images/rule-t3.png';
import r4 from '../images/rule-t4.png';
import r5 from '../images/rule-t5.png';
import r6 from '../images/rule-t6.png';
import backBtn from '../images/rule-back-btn.png';

import messageBg  from '../images/message-bg.png';
import opt1 from '../images/opt-1.png';
import opt2 from '../images/opt-2.png';
import opt3 from '../images/opt-3.png';
import opt4 from '../images/opt-4.png';
import opt5 from '../images/opt-5.png';
import submitBtn from '../images/submit-btn.png';

//现在用这方式我都醉了。。。。求正解?
怪我咯
<img src={require('path/xx.jpg')} />

目录的相对路径

黄舟

跟普通img标签一样,没有区别

怪我咯

import imgSrc from "../images/user2.jpg

<img src={imgSrc} />

PHP中文网

使用url-loader + img-loader

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号