How do I use default exports in ES6 modules?

How do I use default exports in ES6 modules?

In ES6, you can use default exports to export a single value or object from a module. You can do this by using the export default syntax.

Can you give me an example of how to do that?

Sure! Here's a simple example:

// myModule.js
const myFunction = () => {
    console.log('Hello, World!');
};

export default myFunction;

Then, you can import it like this:

// main.js
import myFunction from './myModule.js';
myFunction(); // Outputs: Hello, World!

What if I want to export multiple things?

If you want to export multiple items, you can use named exports instead. For example:

// myModule.js
export const myFunction = () => {
    console.log('Hello, World!');
};

export const myVariable = 42;

Can I mix default and named exports in the same module?

Yes, you can! Just remember to use export default for the default export and export for named exports. Here's an example:

// myModule.js
const myFunction = () => {
    console.log('Hello, World!');
};

export default myFunction;
export const myVariable = 42;