如何在 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 const songList = ...
import { songList } from './songList.js';