如何从React Typescript组件调用jQuery函数？

Question

I want to call AdminLTE javascript object from my .tsx file but got an error like this:

[ts] Property 'AdminLTE' does not exist on type 'JQueryStatic'.

In AdminLTE.js file, the declaration looks like:

$.AdminLTE = {};

In my typescript file, I called using:

componentDidMount() {
  $.AdminLTE.layout.fix(); // Got error
}

Is there anybody know how to fix it?

Answer 1

You have a couple of options:

Option 1: Install the typings for the AdminLTE plugin if they exist. (I can't find the typings for this in npm, you may have to contact the plugin owner if typings exist for this)

Option 2: Declare AdminLTE as any . You can access AdminLTE without any type restrictions:

declare var $: JQueryStatic & {
    AdminLTE: any
}