如何使用参数从js文件调用javascript函数并从tsx文件返回数据?
我有一个js文件,名为如何使用参数从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;例如,导出功能检查登
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”,我试图进行导出和导入,但得到了相同的错误。可能是我在导入和导出功能中遗漏了什么,所以我想知道如何才能做到这一点?您还需要共享该导入/导出代码