Tại sao `Xuất Default Const` không hợp lệ?

Question

tôi thấy rằng đây là tốt:

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

Tuy nhiên, điều này là không chính xác:

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

Tuy nhiên, điều này là tốt:

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

này có thể được giải thích xin vui lòng tại sao const là không hợp lệ với export default? Đó có phải là sự bổ sung không cần thiết & bất kỳ điều gì được khai báo là export default được giả định là const hay không?

Answer 1

const là như let, it is a LexicalDeclaration (VariableStatement, Tuyên bố) được sử dụng để xác định một định danh trong khối của bạn.

Bạn đang cố gắng kết hợp điều này với từ khóa default, which expects a HoistableDeclaration, ClassDeclaration or AssignmentExpression để theo dõi.

Vì vậy, đây là Cú phápError.

---

Nếu bạn muốn const điều bạn cần cung cấp số nhận dạng và không sử dụng default.

export tự nó chấp nhận mã số Biến số hoặc Tuyên bố cho đúng.

---

AFAIK tự xuất không nên thêm bất kỳ thứ gì vào phạm vi hiện tại của bạn.

---

Sau đây là tốt export default Tab;

Tab trở thành một AssignmentExpression khi nó được đặt tên là mặc định^?

export default Tab = connect(mapState, mapDispatch)(Tabs); là tốt

Dưới đây là một Tab = connect(mapState, mapDispatch)(Tabs);AssignmentExpression.

Answer 2

Bạn cũng có thể làm điều gì đó như thế này nếu bạn muốn xuất mặc định một const/let, thay vì

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

Bạn có thể làm một cái gì đó như thế này, mà tôi không thích cá nhân.

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

Answer 3

Câu trả lời của Paul là câu trả lời bạn đang tìm kiếm.Tuy nhiên, như một vấn đề thực tế, tôi nghĩ rằng bạn có thể quan tâm đến mô hình mà tôi đã sử dụng trong các ứng dụng React + Redux của riêng tôi.

Dưới đây là một ví dụ lột xuống từ một trong những tuyến đường của tôi, cho thấy làm thế nào bạn có thể xác định thành phần của bạn và xuất nó như là mặc định với một tuyên bố duy nhất:

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 { /* ... */ } 

(Lưu ý: Tôi sử dụng thuật ngữ "Scene" cho thành phần cấp cao nhất của bất kỳ tuyến đường nào).

Tôi hy vọng điều này hữu ích. Tôi nghĩ nó đẹp hơn nhiều so với thông thường connect(mapState, mapDispatch)(BareComponent)