Why is useState imported in {} in React

Question

In react hooks, I found that the import statement uses: import { useState } from 'react'; Why does it use the {} around the useState?

This is not React-specific, that's just how you import a non-default export. — jonrsharpe, Jul 09 '20 at 17:25
To avoid confusions like this I do recommend you to first learn some javascript basics before digging into libraries and frameworks. — Yury Tarabanko, Jul 09 '20 at 17:33

Jan Jaworski · Answer 1 · 2020-07-09T17:36:28.157

You use curly braces to import named modules, that is if it was exported using code like this:

const myModule = "example exported value";

export { myModule };

You can import module without curly braces if it was exported as a default module, that is:

const myModule = "example exported value";

export default myModule;

So to answer your question. Default React object is exported as a default and other modules are exported as named modules.

1 Answers1