使用样板代码导入和导出时是否有任何命名约定？

Question

export default class SampleClass extends Component {
}

导入此类时，以下哪项是正确的？

import sampleClass(same as class name) from '.module1';  or

import Myclass(Some custome name) from '.module1';

Answer 1

您的组件： -
app.js

export default class App extends Component{
    //

  }

导入组件时应始终按原样导入： -

import App from "./components/app";

由于你已经将redux添加为标签，所以我猜你在使用reducers时会出现这个问题，如果我没有错的话（如果我错了就真的很抱歉）。如果我们错了，他们总会返回一些对象（状态）减速器总是看起来像这样

减速器-post.js

export default function(){
    //return [] 

}

因此，在导入reducers时，您可以使用任何名称，就像这样

import AnyReducer from "./reducers/reducer-post"

由于reducers是函数，所以默认情况下它们是从它导入的，但是在组件的情况下，它们是类，所以我们需要按名称显式地导入它们。

Answer 2

默认导出不需要使用相同的名称，但在named exports的情况下必须使用相同的名称。

因此，最好始终使用导出中定义的名称。