web-dev-qa-db-fra.com

Comment importer une bibliothèque JS dans TypeScript dans le projet React Native

Comment importer la bibliothèque js (dans mon cas, la bibliothèque xhook) dans mon projet natif de réaction écrit en dactylographie? Ou comment créer un fichier d'en-tête TypeScript pour une bibliothèque JS externe?

javascripttypescriptreact-native
6
JaSHin

Vous pouvez simplement utiliser:

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

TypeScript compile en Javascript simple, comme Babel ou tout autre langage Javascript étendu. 

Ainsi, lorsque vous ajoutez l'exemple xhook à votre projet, le propriétaire du projet a déjà compilé son code TypeScript dans JS simple et vous l'importez comme n'importe quelle autre bibliothèque.

par exemple. import xhook from 'xhook' ou plus comment l'auteur de la bibliothèque a spécifié.

Vous pouvez le voir vous-même si vous visitez la page git de xhook https://github.com/jpillora/xhook vous pouvez voir le code compilé dans le dossier dist et dans package.json -file, attribut main pointe sur ce fichier.

TypeScript n'est pas un langage lui-même exécuté dans le navigateur, mais il est toujours compilé en JavaScript. Espérons que cela aide à comprendre comment cela fonctionne.

modifier. Il semblerait que xhook soit réellement écrit en CoffeeScript, mais la même règle s’applique également.

5
Jimi Pajala

Comme suggéré, vous pouvez utiliser n’importe quelle notation ES6/ES2015 dans TypeScript. Avec le nouveau TypeScript, l’importation sera

import xhook from 'xhook';

Ancienne version:

import * as xhook from 'xhook'

Certains modules n'ont pas de support de type. Vous pouvez chercher un support de type comme

yarn add @types/xhook

Si vous ne trouvez pas le support de type que vous pouvez utiliser, la syntaxe nécessite un noeud

const xhook = require('xhook');

Pour cela, vous devrez peut-être déclarer, require definition comme:

declare const require: any;
0
xdeepakv