Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用参数从js文件调用javascript函数并从tsx文件返回数据?_Javascript_Reactjs_Tsx - Fatal编程技术网

如何使用参数从js文件调用javascript函数并从tsx文件返回数据?

如何使用参数从js文件调用javascript函数并从tsx文件返回数据?,javascript,reactjs,tsx,Javascript,Reactjs,Tsx,我有一个js文件,名为sample.js,其功能如下: function checkLogin(userName, password) { var returnvalue = ''; //logic for login and assign value in returnvalue variable return returnvalue; } 我想从我的.tsx文件中调用此函数。我该怎么做?您有权修改sample.js?如果是,请尝试在函数前面添加export;例如,导出功能检查登

我有一个js文件,名为
sample.js
,其功能如下:

function checkLogin(userName, password) {
  var returnvalue = '';
  //logic for login and assign value in returnvalue variable
  return returnvalue;
}

我想从我的
.tsx
文件中调用此函数。我该怎么做?

您有权修改
sample.js
?如果是,请尝试在函数前面添加
export
;例如,
导出
功能检查登录(用户名、密码){…}
。然后,使用
require
将此脚本导入TSX文件,如:

var Sample = require("./sample.js");
注意:本例假设
sample.js
与TSX文件位于同一路径,但您可以根据需要进行修改

然后,您应该能够通过调用
Sample.checkLogin(…,…)访问您的函数在您的TSX中

备选方案

如果您能够将“示例”脚本更改为TypeScript(TS)文件(
sample.TS
),您仍然需要在函数前面添加
export
,并且可能需要将
string
等类型添加到两个函数参数中:

export function checkLogin(userName: string, password: string) {...}
然后,您可以在TSX文件中使用
import
,而不是:

import * as Sample from "./sample";

这还假设您的
sample.ts
与您的TSX位于同一路径,并允许您调用
sample.checkLogin(…,…)在您的TSX中。

什么阻止了您?有错误消息吗?当我从我的tsx调用函数时,它显示错误“找不到名称checkLogin”,我试图进行导出和导入,但得到了相同的错误。可能是我在导入和导出功能中遗漏了什么,所以我想知道如何才能做到这一点?您还需要共享该导入/导出代码