причина по умолчанию ключевого слова по умолчанию для ES6

Question

Я следую в учебнике React прямо сейчас, когда в настоящее время используется ES6. Я новичок в ES6, и я видел ключевое слово по умолчанию, которое используется довольно часто, когда дело доходит до экспорта имен из модулей. Я пытался понять, что аргументирует слово по умолчанию, но пока не нашел ответа, который я могу понять.

Вот пример:

const Header =() => { 
    return (
    <nav> 
     <IndexLink to="/" activeClassName="active">Home</IndexLink> 
     {" | "} 
     <Link to="/about" activeClassName="active">About</Link> 
     {" | "} 
     <Link to ="/course" activeClassName="active">Courses</Link> 
    </nav> 
); 
}; 

export default Header; 

Спасибо заранее и дайте мне знать, если я не ясно, о чем угодно.

Answer 1

Потому что вы можете экспортировать много переменных из того же файла, default используется только один раз в всем файле, чтобы импортировать переменное это по умолчанию снаружи без использования кронштейнов {}:

export default Header; 

позволяет импортировать:

import Header from './Header.jsx'; 

---

export {Header}; 

позволяют импортировать :

import {Header} from './Header.jsx';