web-dev-qa-db-ja.com

タイプスクリプト:変数をエクスポートする方法

「file1.ts」を開いて次のように書きたいです。

export var arr = [1,2,3];

別のファイルを開き、「file2.ts」と言い、file1.tsの「arr」に直接アクセスします。

私はそれをする:

import {arr} from './file1';

ただし、「arr」にアクセスしたい場合、「arr」だけを書くことはできませんが、「arr.arr」を書かなければなりません。最初のものはモジュール名用です。エクスポートされた変数名に直接アクセスするにはどうすればよいですか?

36
CrazySynthax

もしあなたがそうするなら:

var arr = [1,2,3];
export default arr;

...

import arr from './file1';

その後、動作するはずです

46
Mikael Gidmark

エクスポートには、名前付きデフォルトの2つの異なるタイプがあります。

モジュールごとに複数の名前付きエクスポートを使用できますが、デフォルトエクスポートは1つだけです。

名前付きエクスポートの場合、次のようなものを試すことができます。

// ./file1.ts
const arr = [1,2,3];
export { arr };

次にインポートするには、元のステートメントを使用できます。

// ./file2
import { arr } from "./file1";
console.log(arr.length);

これにより、arr.arrの必要性を回避できます。

41
Kieran