ES6 default export/import, named export/import

[sunmingtao]

This is the best explanation

https://stackoverflow.com/questions/36795819/when-should-i-use-curly-braces-for-es6-import

But in import React from 'react';, the name of React cannot be changed. Changing to other values will result
'React' must be in scope when using JSX
Why?

[sunmingtao]

a.js -- not default export
export const a = 42;

b.js -- must use named import (with curly braces)
import {a} from './a'; //Only this works
import {b} from './a'; //Not working

a.js -- default export
export default 42;

b.js -- can use default import (without curly braces)
import a from 42; //works
import b from 42; //also works