Не можете отображать изображения в ReactJS?

У меня есть несколько изображений вместо импорта каждого изображения в мой 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.