49 lines
1.7 KiB
Markdown
49 lines
1.7 KiB
Markdown
|
---
|
||
|
|
id: 587d7b8d367417b2b2512b59
|
||
|
|
title: デフォルトのエクスポートをインポートする
|
||
|
|
challengeType: 1
|
||
|
|
forumTopicId: 301205
|
||
|
|
dashedName: import-a-default-export
|
||
|
|
---
|
||
|
|
|
||
|
|
# --description--
|
||
|
|
|
||
|
|
前回のチャレンジでは `export default` とその用法について学びました。 デフォルトのエクスポートをインポートするには、別の `import` 構文を使用する必要があります。 次の例では、`add` は `math_functions.js` ファイルのデフォルトのエクスポートです。 インポートする方法は次のとおりです。
|
||
|
|
|
||
|
|
```js
|
||
|
|
import add from "./math_functions.js";
|
||
|
|
```
|
||
|
|
|
||
|
|
構文は 1 か所重要な部分が異なっています。 インポートする値 `add` が波括弧 (`{}`) で囲まれていません。 ここでの `add` は、`math_functions.js` ファイルのデフォルトのエクスポートが何であっても、単なる変数名になります。 デフォルトをインポートするときは、ここで任意の名前を使用できます。
|
||
|
|
|
||
|
|
# --instructions--
|
||
|
|
|
||
|
|
次のコードで、このファイルと同じディレクトリにある `math_functions.js` ファイルからデフォルトのエクスポートをインポートしてください。 インポートしたものに `subtract` という名前を付けてください。
|
||
|
|
|
||
|
|
# --hints--
|
||
|
|
|
||
|
|
`math_functions.js` から `subtract` を適切にインポートする必要があります。
|
||
|
|
|
||
|
|
```js
|
||
|
|
assert(code.match(/import\s+subtract\s+from\s+('|")\.\/math_functions\.js\1/g));
|
||
|
|
```
|
||
|
|
|
||
|
|
# --seed--
|
||
|
|
|
||
|
|
## --seed-contents--
|
||
|
|
|
||
|
|
```js
|
||
|
|
|
||
|
|
// Only change code above this line
|
||
|
|
|
||
|
|
subtract(7,4);
|
||
|
|
```
|
||
|
|
|
||
|
|
# --solutions--
|
||
|
|
|
||
|
|
```js
|
||
|
|
import subtract from "./math_functions.js";
|
||
|
|
|
||
|
|
subtract(7,4);
|
||
|
|
```
|