Question

如何将js库（在我的情况下是xhook库）导入到用typescript编写的react本机项目中？或者如何为外部js库创建typescript头文件？

Answer 1

您可以简单地使用：

const signalrLib = require("react-native-signalr").default

Answer 2

TypeScript编译为纯粹的Javascript，就像Babel或任何其他扩展的Javascript语言一样。

因此，当您向项目中添加示例xhook时，项目所有者已经将他/她的TypeScript代码编译为普通JS，并且您可以像导入其他任何库一样导入它。

例如。 import xhook from 'xhook'左右是图书馆作者如何指定的。

如果您访问xhook的git页面https://github.com/jpillora/xhook，您可以自己查看，您可以在文件夹dist和package.json - 文件中找到已编译的代码，属性{{1}指向该文件。

TypeScript本身并不是在浏览器中运行的语言，而是始终编译为纯JavaScript。希望这有助于掌握这是如何工作的。

修改。似乎main实际上是用CoffeeScript编写的，但同样的规则也适用于它。

Answer 3

根据建议，您可以在打字稿中使用任何ES6 / ES2015表示法。使用新的打字稿，导入将是

$(document).on("click", "#gethtml", function() {
  var h = $("#myhtmlsnippet").val();
  var w = window.open('','','width=600, height=600');
  $(w.document.body).html(h);
});

旧版本：

import xhook from 'xhook';

某些模块没有类型支持。您可以查找类型支持

import * as xhook from 'xhook'

如果您没有找到可以使用的类型支持，则节点需要语法

yarn add @types/xhook

为此您可能需要声明 require 定义，如：

const xhook = require('xhook');

如何将JS库导入React Native项目中的typescript

3 个答案: