How to can I include Custom JavaScript in ReactJS? [duplicate]

Question

How Can I include a Custom JavaScript in ReactJS and use Array of Object in that? I am trying to display a list of songs. So, I have created a file with the name songList.js and inside that, I have created an Array of objects how can I include it in my list.js file and use it inside that?

songList.js Code :-

const songList = [{
        name: "All We Know",
        artist: "The Chainsmokers ft. Phoebe Ryan",
        album: "All We Know",
    },
    {
        name: "Alone",
        artist: "Alan Walker",
        album: "Different World",
    },
    {
        name: "Be Kind",
        artist: "Marshmello & Halsey",
        album: "Be Kind",
    },
    {
        name: "Beach House",
        artist: "The Chainsmokers",
        album: "Sick Boy",
    },
];

I am trying to do this but it is not working please tell me where I am wrong?

list.js code

import React, { Component } from 'react'
import './songList.js'

export class list extends Component {
    render() {
        return (
            <div>
                {songList[0].name}
            </div>
        )
    }
}

export default list

You need to export the list (using export default songList), then import it using import songList from './songList.js' — GalAbra
– GalAbra, Commented Nov 4, 2020 at 14:10

Dennis Vash · Accepted Answer · 2020-11-04 14:12:16Z

1

First, you export the object, then import it correctly:

export const songList = ...

import { songList } from './songList.js';

answered Nov 4, 2020 at 14:12

Dennis Vash

54.2k12 gold badges120 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to can I include Custom JavaScript in ReactJS? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related