为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

一只名叫tom的猫 2023-07-06 19:45:24
如何在 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
查看完整描述

1 回答

?
慕莱坞森

TA贡献1810条经验 获得超4个赞

首先,导出对象,然后正确导入它:

export const songList = ...
import { songList } from './songList.js';


查看完整回答
反对 回复 2023-07-06
  • 1 回答
  • 0 关注
  • 102 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信