「file1.ts」を開いて次のように書きたいです。
export var arr = [1,2,3];
別のファイルを開き、「file2.ts」と言い、file1.tsの「arr」に直接アクセスします。
私はそれをする:
import {arr} from './file1';
ただし、「arr」にアクセスしたい場合、「arr」だけを書くことはできませんが、「arr.arr」を書かなければなりません。最初のものはモジュール名用です。エクスポートされた変数名に直接アクセスするにはどうすればよいですか?
もしあなたがそうするなら:
var arr = [1,2,3];
export default arr;
...
import arr from './file1';
その後、動作するはずです
エクスポートには、名前付きとデフォルトの2つの異なるタイプがあります。
モジュールごとに複数の名前付きエクスポートを使用できますが、デフォルトエクスポートは1つだけです。
名前付きエクスポートの場合、次のようなものを試すことができます。
// ./file1.ts
const arr = [1,2,3];
export { arr };
次にインポートするには、元のステートメントを使用できます。
// ./file2
import { arr } from "./file1";
console.log(arr.length);
これにより、arr.arr
の必要性を回避できます。