在 react 中导入和导出模块

编程入门行业动态更新时间:2024-10-06 01:39:09

在 react 中导入和导出<a href=https://www.elefans.com/category/jswz/34/1771428.html style= 模块"/>

在 react 中导入和导出模块

我在一个 React.js 项目中工作，我需要在其他项目中导入一些 JavaScript，还有一些我必须导出它。

例如我有

A.js

需要一些图书馆：

var EventEmitter = require('EventEmitter');
var React = require('react');
//some code here
//some function definition
var fun = function(){...}
module.exports = fun;

然后我还有另一个

B.js

，它不仅需要库，还需要我自己的 JavaScript。例如

B.js

（我想两者都在同一个文件夹中）：

var fun = require('./B.js');
var React = require('react');
//some other code here

我尝试使用库 requirejs 并尝试使用 npm 和 nodejs，但我不确定它是如何工作的。我正在使用 flux-chat 示例

回答如下：

首先，如果您为

A.js

和

B.js

指定的代码不适合您，那是因为您试图在自身内部要求

B.js

...我认为您正在尝试做的是要求

A.js

变成

B.js

像这样：

B.js

修复：

var fun = require('./A.js');
var React = require('react');
//some other code here

注意

fun

现在需要
A.js

如果我在上面注意到的错字没有解决您的问题，请继续阅读...

当你需要

A.js

到

B.js

时，你到底想做什么？

如果我不知道更多你想要完成的事情（或者直到我看到你的

A.js

和

B.js

文件中的实际代码），我最好的答案是：

A.js

看起来像：

module.exports = function(){
    fun: function(param){...logic here...}
}

B.js

看起来像这样：

var React = require('react');
var A = require('./B.js');

var Whatever = React.createClass({
    render: function() {
        return (
            <div>
                {A.fun('param value')}
            </div>
        );
    }
});

另一方面，如果您尝试将