freeCodeCamp/curriculum/challenges/english/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.md

id, title, challengeType, forumTopicId

id	title	challengeType	forumTopicId
587d7b8d367417b2b2512b59	Import a Default Export	1	301205

Description

In the last challenge, you learned about export default and its uses. To import a default export, you need to use a different import syntax. In the following example, add is the default export of the math_functions.js file. Here is how to import it:

import add from "./math_functions.js";

The syntax differs in one key place. The imported value, add, is not surrounded by curly braces ({}). add here is simply a variable name for whatever the default export of the math_functions.js file is. You can use any name here when importing a default.

Instructions

In the following code, import the default export from the math_functions.js file, found in the same directory as this file. Give the import the name subtract.

Tests

tests:
  - text: You should properly import <code>subtract</code> from <code>math_functions.js</code>.
    testString: assert(code.match(/import\s+subtract\s+from\s+('|")\.\/math_functions\.js\1/g));

Challenge Seed

  
// Only change code above this line

subtract(7,4);

Solution

import subtract from "./math_functions.js";

subtract(7,4);