如何在 ReactJS 中包含自定义 JavaScript？

Question

如何在 ReactJS 中包含自定义 JavaScript 并在其中使用对象数组？我正在尝试显示歌曲列表。因此，我创建了一个名为SongList.js 的文件，在其中创建了一个对象数组，如何将其包含在我的list.js文件中并在其中使用它？

SongList.js 代码：-

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",

    },

];

我正在尝试这样做，但它不起作用，请告诉我哪里错了？

list.js代码

import React, { Component } from 'react'

import './songList.js'

export class list extends Component {

    render() {

        return (

            <div>

                {songList[0].name}

            </div>

        )

    }

}

export default list

Answer 1

首先，导出对象，然后正确导入它：export&nbsp;const&nbsp;songList&nbsp;=&nbsp;... import&nbsp;{&nbsp;songList&nbsp;}&nbsp;from&nbsp;'./songList.js';