が活字体

Question

をREACT私はReactJSコンポーネントはWOWのJavascriptがinital HTML負荷にHTMLの下部に参照されている

をロードしたときWOW呼びたいです。開始する

Javascriptの方法は

new WOW().init(); 

であり、私は上でこれを呼び出すために良いだろうと思った "componentDidMount（）"

私のコンポーネントのコードは次のとおりです。

import * as React from 'react'; 

class Banner extends React.Component { 
    componentDidMount() { 
     new WOW().init(); //This does not work "[ts] Cannot find name "WOW" 
    } 
    shouldComponentUpdate() { 
     return false; 
    } 
    render() { 
     return (
      <div className="banner-section"> 
       <div className="an-home-img-container banner-1"> 
        <div className="overlay"></div> 
        <div className="home-banner-content text-center"> 
         <div className="container"> 
          <h1 className="wow fadeInDown animate hidden"> 
           Some <span>Text</span> Here 
         </h1> 
          <button className="an-btn an-btn-default btn-big wow fadeIn hidden">Expole Us</button> 
         </div> 
        </div> 
       </div> 
      </div > 
     ) 
    } } 

export default Banner; 

方法インポートされていないJS関数を呼び出すことはできますか？

Answer 1

あなたはそれを使用する前に変数を宣言することができます：あなたは型チェックを失うことになるので、これはanyとしてWOWを入力すること

declare var WOW: any; 

class Banner extends React.Component { 
    componentDidMount() { 
     new WOW().init(); 
    } 
    // ... 
} 

注意を。型チェックが必要な場合は、anyの代わりにWOWをタイプとして宣言できます。