未在打字稿中定义react-materialize的模态

Question

我喜欢使用react-materialize的模态，这是我尝试的示例，只是不确定为什么它不适用于下面的代码，我几乎完全遵循被提到的here。

这是我在浏览器中获得的

  

$（...）。modal不是函数

请告知，谢谢。

import * as React from "react";

import {Modal} from 'react-materialize';


export default class OneButton extends React.Component<any, any>{
    constructor(props: any) {
      super(props);   
      this.state = { canvas: null   };

    }

    openModal=(e)=>{
      var $ = require('jquery');
      $('#emailModal').modal('open');<--- error on this line
    }

    render() {      
      return (    
        <div>
        <button    onClick={this.openModal}    />
        <Modal id="emailModal"              
        > 
          test
        </Modal> 
        </div>

      );
    }    
  }