Question

const Dashboard = class Dashboard extends Component {
}

export default Dashboard

我上面的代码正在运行，但我觉得只需要导出一个功能就可以提及'Dashboard'3次。有没有地方可以重构它？如果我有不同的课但想要放入一个文件怎么办？据我所知，我只能export default一次。

Answer 1

是的，您可以对每个文件使用默认导出一次，如下所示：

export default class Dashboard extends Component {
}

假设您在文件中有多个类，并希望导出然后使用named export，如下所示：

export class Temp1 extends Component{
}
export class Temp2 extends Component{
}

要导入这些类，您需要像这样编写：

import {Temp1, Temp2} from './temp';

或者您使用module.exports导出许多classes/functions，如下所示：

module.exports = {
    Temp1: class extends Component{
    },
    Temp2: class extends Component{
    },
    Temp3: class extends Component{
    },
}

然后使用它导入它：

import {Temp1, Temp2} from './temp'