如何在JavaScript中使用define導入模塊的子模塊？

Question

我是AMD新手，嘗試使用react-context-menu庫。對於像庫進口模塊的文檔，

import { ContextMenu, MenuItem, ContextMenuTrigger } from "react-contextmenu"; 

現在，如果我要包括使用define[]的模塊，我會怎麼做呢？

e.g爲包括反應，我會做，

define(["react"], function(React){ 

    }); 

我應該怎麼做，如果我還希望包括react-context-menu和使用它的子模塊ContextMenu, MenuItem, ContextMenuTrigger？

define(["react", "react-context-menu"], function(React, ??????){ 

    }); 

在此先感謝。

Answer 1

也許您應該考慮將CommonJS模塊var $ = require('jquery')與替換的模塊捆綁在一起，或者是webpack或browserify。

Answer 2

define(["react-contextmenu"], function(ReactContextMenu){ 

     var ContextMenu = ReactContextMenu.ContextMenu; 
     var ContextMenuTrigger = ReactContextMenu.ContextMenuTrigger; 
     var MenuItem = ReactContextMenu.MenuItem; 

    }); 

可以使用.（點）包含子模塊。 <module>.<sub-module>爲我工作。