$不是函数/ pickadate不是函数

Question

检查了所有相同的问题，他们都没有帮助我或我错过了什么。如果有人可以帮助我那么

会很棒

我正在使用react-react-app创建的react，而不会弹出。

在index.html中，我尝试导入jquery和实现脚本以使用datepicker：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

。     在我的一个组件中，我有输入和函数 componentDidMount（）

<input className="col s2 input-field datepicker"
                  id="dateInput"
                  type="text"
                  ref="date"/>

componentDidMount（） - ＆gt;

componentDidMount() {
    //tried $('.datepicker') as well
    $('#dateInput').pickadate({
            selectMonths: true,
            selectYears: 15,
            today: 'Today',
            clear: 'Clear',
            close: 'Ok',
            closeOnSelect: false
        });
}

在这种情况下，我得到错误$未定义

componentDidMount() {
    document.getElementById('').pickadate({
            selectMonths: true,
            selectYears: 15,
            today: 'Today',
            clear: 'Clear',
            close: 'Ok',
            closeOnSelect: false
        });
}

在这种情况下，我收到错误.pickadate（{..}）不是函数