Reactjs import语句在ES6中如何为React组件工作

Reactjs import语句在ES6中如何为React组件工作,reactjs,ecmascript-6,Reactjs,Ecmascript 6,PropTypes封装在React源代码中的React对象中,因此该语句是如何工作的- 从“react”导入{PropTypes} 模块可以将部分代码导出为默认导出和命名导出 例如,react库可能有如下内容 // named export export function PropTypes(){/*....*/} // defaul export export default function(){/*....*/} 因此,在导入时,我们可以简单地将默认导出导入为 import React

PropTypes封装在React源代码中的React对象中,因此该语句是如何工作的-


从“react”导入{PropTypes}

模块可以将部分代码导出为默认导出和命名导出

例如,react库可能有如下内容

// named export
export function PropTypes(){/*....*/}
// defaul export
export default function(){/*....*/}
因此,在导入时,我们可以简单地将默认导出导入为

import React from 'module';
要导入命名导出,我们应该使用大括号

从“模块”导入{PropTypes}

我们只需合并上面的代码行

import React, { PropTypes } from 'module'

阅读更多关于模块的信息

@FelixKling,我已经编辑了我的问题,但没有重复。请重新打开它。这是尝试将CommonJS模块作为ES6模块导入的结果。在这种情况下,Babel会将导出对象的任何属性视为命名对象。看看这段代码的传输输出:谢谢@ThunderBird的输入。但在React源代码中,我看到PropTypes是React对象的一部分,所以我想知道我们如何直接导入属于其他对象的任何属性,以及导入文件如何知道其定义位置。Felix King发布的链接应该提供您问题的答案,然后提供一些。花括号表示法被称为分解,类似的表示法可用于对象和数组。以下内容绝对值得一读:,npm对于导入是强制性的吗?