如何在react中使用外部jquery插件

Question

我用CRA建立了一个React项目。我需要使用一个使用jquery构建的插件。它是一个日期选择器，但它使用的日历是Bikram Sambat。日期选择器代码的链接是尼泊尔日期选择器。我已经做了以下工作：

公共/index.html

<link href="%PUBLIC_URL%/assets/nepaliDatePicker.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="%PUBLIC_URL%/assets/nepaliDatePicker.min.js"></script>

配置组件

import React, { Component } from 'react';

const $ = window.$;

export default class NepaliDate extends Component {
    shouldComponentUpdate() {
        return false;
    }
    componentDidMount() {
        $('.date-picker').nepaliDatePicker({
            dateFormat: '%D, %M %d, %y',
            closeOnDateSelect: true
        });
    }
    showDatePicker = () => {
        $('.date-picker').nepaliDatePicker();
    };
    render() {
        return (
            <input
                type="text"
                value=""
                name="date"
                className="date-picker"
                onFocus={this.showDatePicker}
            />
        );
    }
}

日期选择器没有出现。

Answer 1

只需按照尼泊尔日期选取器github页面上显示的说明，使用npm安装安装库，并将CDN链接添加到根元素上方的head元素内的公用文件夹中的html文件中，希望这能解决您的问题。

Answer 2

可以使用“反应加载脚本”加载第三部分JS库。安装后，可以使用下面类似的从“react load Script”导入脚本

render(){
return(
<div>
 <Script url="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"/>
            <Script url="menu.js"/>
//.....Remaining code can be here

</div>

);
}