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

id, title, challengeType

id	title	challengeType
587d7b8d367417b2b2512b59	Import a Default Export	1

Description

In the last challenge, you learned about export default and its uses. It is important to note that, to import a default export, you need to use a different import syntax. In the following example, we have a function, add, that is the default export of a file, "math_functions". Here is how to import it:

import add from "math_functions";
add(5,4); //Will return 9

The syntax differs in one key place - the imported value, add, is not surrounded by curly braces, {}. Unlike exported values, the primary method of importing a default export is to simply write the value's name after import.

Instructions

In the following code, please import the default export, subtract, from the file "math_functions", found in the same directory as this file.

Tests

tests:
  - text: Properly imports <code>export default</code> method.
    testString: 'getUserInput => assert(getUserInput("index").match(/import\s+subtract\s+from\s+"math_functions"/g), "Properly imports <code>export default</code> method.");'

Challenge Seed

"use strict";
subtract(7,4);

Before Test

window.require = function(str) {
if (str === 'math_functions') {
return function(a, b) {
return a - b;
}}};

Solution

// solution required