reactjs - Kan jag använda tredjepartsbibliotek med React och TypeScript?

Jag försöker sätta upp ett nytt projekt med React, och jag funderar på att ersätta PropTypes med TypeScript.

Men jag vill veta om jag kommer att få integrationsproblem.

Till exempel:

  • Använda Redux (eller react-redux) med TypeScript + React
  • Problem med att integrera komponenter som inte är skapade med TypeScript
  • Problem med bibliotek som react-bootstrap

Min största oro är relaterad till att importera från TypeScript en icke-TypeScript-kod.

Några ledtrådar eller erfarenhet av detta?

Svar #1

Du kan importera Javascript-bibliotek i ditt Typescript-projekt. Det gör jag hela tiden, tyvärr. Vissa bibliotek har community-typer som du kan installera genom att köra npm i @types/mypackage --dev.

Annars kommer du att behöva skapa en tom TS-moduldeklaration för paketet:

Enligt konvention, skapa en fil med namnet mypackage.d.ts någonstans i din src-katalog. (Jag brukar placera den i src/types/)

mypackage.d.ts ska innehålla declare module "mypackage";

Nu kommer allt du importerar från mypackage att ha typen any.

Svar #2

nå, du kan använda react redux med typescript, du behöver bara installera react-redux typer:

npm install @types/react-redux

och typer för react-bootstrap :

npm install  @types/react-bootstrap

men det finns fortfarande vissa problem med FormControl och Button händelser!

Relaterade artiklar