Reactプロジェクトでマウストラップをインポートする - 未定義の 'bind'プロパティを読み取ることができない

Question

単純なキーボードバインディングのためにマウスプロジェクトを反応プロジェクトにインポートしようとしています。私は糸でMousetrapをインストールしました。私はエラーをインポートする必要はありませんが、Mousetrapライブラリオブジェクトは使用しようとすると定義されていません。これは私の主要なApp.tsxコンポーネントからのものです

import Mousetrap from 'Mousetrap'; 

export default class App extends React.Component { 
componentDidMount() { 
    Mousetrap.bind(['left'], dataStore.pagination.prev()); 
    Mousetrap.bind(['right'], dataStore.pagination.next()); 
} 

componenentDidUnmount() { 
    Mousetrap.unbind('left', dataStore.pagination.prev()); 
    Mousetrap.unbind(['right'], dataStore.pagination.next()); 
} 

public render() { 

私はここにエラーがあります。 error

私はMousetrapオブジェクトの使用を開始しようとしましたが、このエラーが発生しました（ドキュメントには何も必要ありません）。

const mousetrap: Mousetrap = new Mousetrap(); 

error

私が反応し、typescriptです、mobx、材料-UIや他のいくつかのライブラリを使用している、と私はそれらのすべてに非常に新しいです。どんな助言も役に立つでしょう。

おかげで、 - あなたの名前のインポート文がundefinedになりますので、マイク・

Answer 1

マウストラップは、何という名前の輸出を持っていません。ライブラリをインポートするには、

import * as Mousetrap from 'Mousetrap';