回答
模塊可以將部分代碼導出爲默認並命名爲exports。
例如,反應庫可能有這樣的事情
// named export
export function PropTypes(){/*....*/}
// defaul export
export default function(){/*....*/}
所以在導入時,我們可以輸入默認的出口僅僅作爲
import React from 'module';
要導入名爲出口,我們應該用花括號
import {PropTypes} from 'module'
;
只是我們合併上面的代碼行
import React, { PropTypes } from 'module'
瞭解更多關於模塊here
Thanks @ThunderBird for your input。但在React源代碼中,我看到PropTypes是React對象的一部分,所以想知道如何直接導入任何屬於其他對象的屬性,以及導入文件如何知道其定義的位置。 –
Felix King發佈的鏈接應該爲您的問題提供答案,然後提供一些答案。大括號表示法被稱爲解構,對象和數組都可以使用類似的符號。以下內容絕對值得一讀:[Mozilla MDN:ES6解構任務](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment),[另一個有用的鏈接](http: //exploringjs.com/es6/ch_destructuring.html) – Pineda
- 1. 什麼是ES6 import語句
- 2. import語句失敗的反應
- 3. ES6風格import語句在打字稿
- 4. 反應的組分之間的setState ES6
- 5. 項目反應堆的工作原理
- 6. 反應es6語法
- 7. 我如何寫這個要求作爲一個ES6 import語句
- 8. 使用ES6`import`語法
- 9. 如何處理plpython中的import語句?
- 10. CSS @import語句
- 11. teradata中的UPSERT語句和它的工作原理是什麼?
- 12. 帶語句的Spred操作符ES6
- 13. Jython的Java包import語句
- 14. `import`語句的用法
- 15. 的Android工作室犯規認識一些庫(import語句)
- 16. 蟒蛇import語句
- 17. import語句聲明
- 18. 獲取打字稿以發出es6-import語句原樣(之後用於babel&webpack處理)
- 19. Webpack 2如何處理@import語句?
- 20. ES6`export * from import`?
- 21. 反應原生視頻與反應原生導航工作
- 22. mysqli的預處理語句不工作
- 23. 反應es6中的PropTypes不起作用
- 24. 如何使用與反應的組分和ES6類繼承
- 25. 反應原生圖像組件在android中不工作
- 26. 堆內存分配的工作原理
- 27. AngularJS ES6 import angular-translate
- 28. 在子句中的PHP沒有爲預處理語句工作
- 29. 斯卡拉宏觀與import語句不工作
- 30. 反應的組分
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements /進口 –
@FelixKling,我編輯了我的問題,不重複。請重新打開它。 –
這是試圖將CommonJS模塊作爲ES6模塊導入的結果。在這種情況下,Babel會將導出對象的任何屬性視爲命名對象。查看該代碼的轉錄輸出:https://babeljs.io/repl/#?evaluate=false&lineWrap=false&presets=es2015%2Creact%2Cstage-2&code=import%20abc%2C%20%7Bfoo%7D%20from%20 'bar'%3B%0A%0Aconsole.log(abc%2C%20foo)%3B –