Typescript 大括号在import语句中是什么意思?
在TypeScript手册的一节中,它显示了如下导入语句:Typescript 大括号在import语句中是什么意思?,typescript,Typescript,在TypeScript手册的一节中,它显示了如下导入语句: import x, {y} from "hot-new-module"; 它没有解释为什么上面语句中的y用大括号括起来。如果x和y都在大括号内(即import{x,y}from…),那么它可能不会引起我的注意-但现在我想知道为什么一个在大括号内而不是另一个 大括号实际上意味着什么?你会如何选择哪些东西放在大括号里;博士 大括号之间的是命名的导出 这是一个经典的例子: import React, { Component, PropTyp
import x, {y} from "hot-new-module";
它没有解释为什么上面语句中的y
用大括号括起来。如果x
和y
都在大括号内(即import{x,y}from…
),那么它可能不会引起我的注意-但现在我想知道为什么一个在大括号内而不是另一个
大括号实际上意味着什么?你会如何选择哪些东西放在大括号里;博士
大括号之间的是命名的导出
这是一个经典的例子:
import React, { Component, PropTypes } from 'react'
这将在React
名称下导入整个模块,因此您可以使用React.Component
访问Component
但是为了使代码更短更清晰,命名的export组件
也以其名称导入,因此它可以直接使用,而不需要React
名称空间前缀
该语法应该与
import {default as React, Component, PropTypes} from 'react'
最后一点注意:您实际上可以在导入时重命名
import {Component as TheComponent} from 'react'
n、 b:需要导入
React
是JSX编译器的一个“限制”花括号表示导出类型,这是一个命名的导出。这与另一种类型的默认导出不同。不同之处在于导出允许对包使用别名。