- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我看到许多 react 框架在导入时推荐点符号。
例如而不是
import Y from 'X/Y';
<Y />
他们会使用:
import X from 'X';
<X.Y />
根据我的测试,它们都有效。
我的问题是,如果有的话,有哪些差异?
特别是如果您只需要使用 Y
,那么第二个表示法是否会导入不必要的数据,因为您不需要 X?当您同时使用 X 和 Y 而不仅仅是 Y 时,您是否只使用第二种表示法?
最佳答案
它们并不相同,但有时可能会产生相同的结果。
import Y from 'X/Y'
这表示在路径 X/Y
处导入文件,并将默认导出存储为本地常量 Y
。 X
可能是已安装的 npm 模块,在这种情况下,您需要深入了解其目录结构以查找特定文件。
import X from 'X'
这表示导入路径 X
处的文件并将默认导出存储为本地常量 X
。它导入完全不同的文件。
现在,如果 X
类似于:
import Y from './Y'
export default {
other: { stuff: true },
Y,
}
然后您就可以轻松访问X.Y
。但不能保证它会以这种方式实现。
当您导入模块而不深入研究它时,您将导入模块作者打算公开的结构。这可能与模块实现的目录结构有很大不同。理论上,如果您导入内部文件,根本不更改导出接口(interface)的内部重构可能会破坏您的代码。
这就是为什么您应该遵循模块有关如何导入它的说明。
<小时/>现在假设这是您的模块:
export const Y = 'I am Y'
export default 'I am the default export of X'
然后你可以像这样导入:
import X from 'X' // X === 'I am the default export of X'
import {Y} from 'X' // Y === 'I am Y'
console.log(X.Y) // undefined. Y is not a property of the default export.
关于javascript - React 导入中的点表示法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60195944/
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题?将问题更新为 on-topic对于堆栈溢出。 6年前关闭。 Improve this qu
我有实体: @Entity @Table(name = "CARDS") public class Card { @ManyToOne @JoinColumn(name = "PERSON_I
我正在尝试计算二维多边形的表面法线。我正在使用 OpenGL wiki 中的 Newell 方法来计算表面法线。 https://www.opengl.org/wiki/Calculating_a_S
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎与 help center 中定义的范围内的编程无关。 . 关闭 7 年前。 Improve
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
我这里有以下 XML: Visa, Mastercard, , , , 0, Discover, American Express siteonly, Buyer Pay
即将发生的 Google 政策变更迫使我们实现一个对话框,以通知欧盟用户有关 Cookie/设备标识符用于广告和分析的情况。我只想向欧盟用户显示此对话框。我不想使用额外的权限(例如 android.p
本文分享自华为云社区《华为大咖说 | 企业应用AI大模型的“道、法、术” ——道:认知篇》,作者:华为云PaaS服务小智。 本期核心观点 上车:AGI是未来5~10年内,每个人都无法回避的技
我有一个与酒精相关的网站,需要先验证年龄,然后才能让他们进入该网站。我使用 HttpModule 来执行此操作,该模块检查 cookie,如果未设置,我会将它们重定向到验证页面。我验证他们的年龄并存储
在欧盟,我们有一项法律,要求网页请求存储 cookie 的许可。我们大多数人都了解 cookie 并同意它们,但仍然被迫在任何地方明确接受它们。所以我计划编写这个附加组件(ff & chrome),它
以下在 C 和/或 C++ 中是否合法? void fn(); inline void fn() { /*Do something here*/ } 让我担心的是,第一个声明看起来暗示函数将被定义
我是一名优秀的程序员,十分优秀!