У меня есть несколько изображений вместо импорта каждого изображения в мой content.js, например:

import myimg1 from './myimg1.png'

import myimg2 from './myimg2.png'

import myimg3 from './myimg3.png'

import myimg4 from './myimg4.png'

Я создал images.js, а затем импортировал каждое изображение в images.js и экспортировал его, чтобы получить доступ к этим изображениям в content.js:

Images.js:

import java from './images/java.png';
import neural from './images/neural.png';
import logo from './images/logo.png';
import dsa from './images/dsa.png';
import dl from './images/dl.jpeg';
import ds from './images/ds.jpeg';
import boy from './images/boy.jpeg';
import ml from './images/ml.jpeg';
import phone from './images/phone.png';

export default {
    java,
    logo,
    dsa,
    dl,
    ds,
    boy,
    ml,
    neural,
    phone
}

В content.js:

import React, { Component } from 'react';
import images from './images';

<img src={images.java} alt="Java" height="65" width="65"></img>

 <img src={images.neural} alt="Neural Network" height="65" width="65"></img>

Я создал папку изображений, которая содержит все изображения, но я не могу получить доступ к изображениям и отобразить их в компоненте content.js.

enter image description here

1
stone rock 13 Мар 2018 в 06:58

2 ответа

Лучший ответ

Обратите внимание, что в вашем images.js нет класса с именем images, поэтому

import images from './images'

Ничего не будет делать в content.js ... Так что попробуйте этот способ

< Сильный > images.js

import java from './images/java.png';
import logo from './images/logo.png';

export {
    java,
    logo
}

< Сильный > content.js

import React, { Component } from 'react';
import { java, logo } from './images';

<img src={java} alt="" height="65" width="65">
<img src={logo} alt="" height="65" width="65">
1
Bhuwan 13 Мар 2018 в 09:15

Экспорт default используется только тогда, когда есть только одна функция импорта, в вашем случае вы должны выполнять экспорт без default

export {
    java,
    logo,
    dsa,
    dl,
    ds,
    boy,
    ml,
    neural,
    phone
}

Затем в свой файл вы должны импортировать все в скобках

import { java, logo, dsa.. } from './yourFilePath'
0
Kenry Sanchez 13 Мар 2018 в 04:07