`Export Default Const 'neden geçersiz?

Aşağıdakilerin iyi olduğunu görüyorum:

const Tab = connect( mapState, mapDispatch )( Tabs );
export default Tab;

Ancak, bu yanlış:

export default const Tab = connect( mapState, mapDispatch )( Tabs );

Yine de bu iyi:

export default Tab = connect( mapState, mapDispatch )( Tabs );

Bu açıklanabilir mi lütfen neden constgeçersiz export default? Gereksiz bir ekleme mi ve export defaulta constya da böyle olduğu varsayılan bir şey mi?

constgibi let, bir olduğu LexicalDeclaration ( VariableStatement, Bildirimi daki bloğun bir tanımlayıcı 'yı tanımlamak için kullanılır).

Bunu bir HoistableDeclaration, ClassDeclaration veya AssignmentExpression ifadesinin izlemesini bekleyendefault anahtar kelimeyle karıştırmaya çalışıyorsunuz .

Bu nedenle bir SyntaxError .

Bir constşey yapmak istiyorsanız, tanımlayıcıyı sağlamanız ve kullanmamanız gerekir default.

exportkendi başına bir VariableStatement veya Declaration kabul eder .

AFAIK ihracat kendi içinde mevcut kapsamınıza bir şey eklememelidir.

Aşağıdaki iyiexport default Tab;

Tabvarsayılan adı verildiğinde AssignmentExpression olur ^?

export default Tab = connect( mapState, mapDispatch )( Tabs ); iyidir

İşte Tab = connect( mapState, mapDispatch )( Tabs );bir AssignmentExpression .

Ayrıca, varsayılan olarak bir const / let vermek yerine bunun gibi bir şey de yapabilirsiniz.

const MyComponent = ({ attr1, attr2 }) => (<p>Now Export On other Line</p>);
export default MyComponent

Kişisel olarak sevmediğim böyle bir şey yapabilirsiniz.

let MyComponent;
export default MyComponent = ({ }) => (<p>Now Export On SameLine</p>);

Bileşen adı dosya adında açıklanırsa, bileşeni adlandırmayın, MyComponent.jskodu ince tutar.

import React from 'react'

export default (props) =>
    <div id='static-page-template'>
        {props.children}
    </div>

Güncelleme : Bu, yığın izlemede bilinmeyen olarak etiketlendiği için önerilmez

Paul'ün cevabı aradığınız cevap. Ancak, pratik bir konu olarak, kendi React + Redux uygulamalarımda kullandığım kalıpla ilgilenebileceğinizi düşünüyorum.

Rotalarımdan birinden, bileşeninizi nasıl tanımlayabileceğinizi ve tek bir ifadeyle varsayılan olarak nasıl dışa aktarabileceğinizi gösteren soyulmuş bir örnek:

import React from 'react';
import { connect } from 'react-redux';

@connect((state, props) => ({
    appVersion: state.appVersion
    // other scene props, calculated from app state & route props
}))
export default class SceneName extends React.Component { /* ... */ }

(Not: Herhangi bir rotanın üst düzey bileşeni için "Sahne" terimini kullanıyorum).

Umarım bu yardımcı olur. Bence geleneksel olandan çok daha temiz görünüyorconnect( mapState, mapDispatch )( BareComponent )

Paul'un paylaştığı cevap en iyisidir. Daha fazla genişletmek için,

Dosya başına yalnızca bir varsayılan dışa aktarma olabilir. Oysa birden fazla inşaat ihracatı olabilir. Varsayılan değişken herhangi bir adla içe aktarılabilirken, const değişkeni özel adıyla içe aktarılabilir.

var message2 = 'Dışa aktarıldım';

varsayılan mesajı gönder2;

export const message = 'Ben de ihraç edildim'

İthalat tarafında bunu şu şekilde içe aktarmamız gerekiyor:

{message} './test' den içe aktar;

veya

'./test' den mesajı içe aktar;

İlk içe aktarma işlemiyle const değişkeni içe aktarılırken, ikincisiyle birlikte varsayılan değişken içe aktarılır.

default temelde const someVariableName

Dosya için varsayılan dışa aktarma olduğu için adlandırılmış bir tanımlayıcıya ihtiyacınız yoktur ve dosyayı içe aktarırken istediğiniz her şeyi adlandırabilirsiniz, bu nedenle defaultdeğişken atamasını tek bir anahtar kelimeye yoğunlaştırır.

Bana göre bu, insanların saçlarını çekmelerine ve geliştiricileri lanetlemesine neden olan birçok yazıtipten (idio (t) vurgusu) sadece bir tanesidir. Belki daha anlaşılır hata mesajları bulmaya çalışabilirler.