时间戳

首页 > 解决方案 > 为什么我的 export const 函数没有正确导入？

reactjs - 为什么我的 export const 函数没有正确导入？

问题描述

所以我正在创建一个简单的反应应用程序，它导出一个包含返回对象数组的函数的文件：

export const listStudents = () => {
    return [{name:"Ljuben", lastName:"Angelkoski", indeks:"161161", nasoka:"KNI"},
            {name:"Pere", lastName:"Anastasov", indeks:"17350", nasoka:"PET"},
            {name:"Filip", lastName:"Shabanoski", indeks:"173521", nasoka:"PET"},
            {name:"Martin", lastName:"Krsteski", indeks:"163544", nasoka:"KNI"},
            {name:"Nikola", lastName:"Nacevski", indeks:"154874", nasoka:"ASI"}]; // replace the empty array with actual array with at least 5 student objects
}

在我的主要组件中，我有以下代码：

import React, {Component} from 'react'
import listStudents from './repository/studentRepository.js'

class Main extends Component{
    constructor(props){
        super(props);

        this.state={
            students: listStudents
        }
    }

    render(){
        return (
            <h2></h2>
        )
    }
}

export default Main

但是，当我运行该应用程序时，它给了我这个错误：

./src/Main.js
Attempted import error: './repository/studentRepository.js' does not contain a default export (imported as 'listStudents').

有任何想法吗？

标签： reactjs

解决方案

listStudents是一个命名的导出，所以你必须像这样导入它：

import { listStudents } from './repository/studentRepository.js'

如果您不想更改导入，则可以改用函数的默认导出。

export default () => {
    return [/* ... */]; 
}

推荐阅读