react.js 文件中的多个导出

Question

我有一个 react.js 文件 MyComponent ，最后有这个： module.exports = MyComponent ，其中MyComponent是文件中定义的 function 。

如果我想从同一个文件中导出 ANOTHER function: MyHelperComponent ，以便另一个 react.js 文件中的另一个 react 组件可以直接使用MyHelperComponent怎么办？

所以我的问题是：如何导出不是模块“主要”组件的 function？

Answer 1

您只能从模块中导出一个值。

如果您需要在它之外使用多个值，那么您需要以某种方式对它们进行分组。 通常，您会将它们放在 object 中，然后导出 object。

module.exports = { MyComponent, MyHelperComponent };

接着：

const MyComponent = require("./mymodule.js").MyComponent;
const MyHelperComponent = require("./mymodule.js").MyHelperComponent;

或者

const mymodule = require("./mymodule.js")
const MyComponent = mymodule.MyComponent;
const MyHelperComponent = mymodule.MyHelperComponent;

或者

const {MyComponent, MyHelperComponent} = require("./mymodule.js");

---

也就是说，通常在每个模块一个组件的基础上构建代码，因此您可能首先要重新考虑这样做。

Answer 2

你可以这样做：

//...function defs here

MyComponent.helper = MyHelperComponent
module.exports = MyComponent

然后只需访问MyComponent.helper(args)即可调用助手 function。

Answer 3

您可以像这样导出： export { component1, component2 }并像这样使用： import { component1, component2 } from './url'或import * as components from './url' <components.component1 />希望有帮助.. .