javascript - 导出默认 react 而不提及冗余类

Question

const Dashboard = class Dashboard extends Component {
}

export default Dashboard

我上面的代码可以工作，但我觉得有必要提及“仪表板”3 次只是为了导出一个函数。有没有地方可以重构它？如果我有不同的类(class)但想放入一个文件怎么办？据我所知，我只能导出默认值一次。

Answer 1

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

export default class Dashboard extends Component {
}

假设您在一个文件中有多个类，并且想要导出，然后使用命名导出，如下所示:

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

要导入此类，您需要这样编写:

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

或者您使用module.exports导出许多类/函数，如下所示:

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

然后使用它导入它:

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

查看这篇文章:https://danmartensen.svbtle.com/build-better-apps-with-es6-modules