首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何将图像从一个js文件导入另一个js文件?

如何将图像从一个js文件导入另一个js文件?
EN

Stack Overflow用户
提问于 2021-09-01 11:52:57
回答 2查看 179关注 0票数 1

我正在尝试将图像从一个js文件导入另一个js文件。我的第一个js文件是函数组件Track.js

代码语言:javascript
代码运行次数:0
运行
复制
import React from 'react'
import { screenimage, screenimage1 } from "./srcimages.js";

function Track() {
    return (
        <div>
            Hello Component
            <img src={screenimage} alt=""/>
            <img src={screenimage1} alt=""/>
        </div>
    )
}

export default Track

我的第二个js文件是const image.js

代码语言:javascript
代码运行次数:0
运行
复制
const screenimage = 'https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg';
const screenimage1 = 'https://www.publicdomainpictures.net/pictures/320000/velka/background-image.png';

我试图在一个js文件中创建多个映像源的集合,并将其作为img <img src={here}/>属性导入。我尝试了上面的方法,但是它显示了src的空值。

UPDATE从这篇文章中删除标签"typoscript“

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-09-01 11:58:24

您需要从image.js文件导出图像。检查下面的代码:

代码语言:javascript
代码运行次数:0
运行
复制
export const screenimage = "https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg";
export const screenimage1 = "https://www.publicdomainpictures.net/pictures/320000/velka/background-image.png";
票数 2
EN

Stack Overflow用户

发布于 2021-09-01 11:56:20

因此,尝试将导出添加到const后面

喜欢

代码语言:javascript
代码运行次数:0
运行
复制
export const screenimage = 'https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg',
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69013242

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档