繁体   English   中英

将jQuery插件集成到React中

Integrate jQuery plugin into React

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

事情是这样的:我正在尝试将FontAwesome IconPicker (一个jQuery插件)集成到我正在研究的React项目中。

到目前为止,这是我得到的:

import '../../../node_modules/fontawesome-iconpicker/dist/js/fontawesome-iconpicker';
import $ from 'jquery';

class IconControl extends Component {

    componentDidMount() {
        this.$el = $( this.el );
        this.$el.iconpicker();

        this.handleChange = this.handleChange.bind( this );
        this.$el.on( 'change', this.handleChange );
    }

    componentDidUpdate( prevProps ) {
        if ( prevProps.icon !== this.props.icon ) {
            this.$el.trigger( 'iconpicker:updated' );
        }
    }

    componentWillUnmount() {
        this.$el.off( 'change', this.handleChange );
        this.$el.iconpicker( 'destroy' );
    }

    handleChange(e) {
        this.props.onChange( e.target.value );
    }

    render() {

        const {
            attributes: {
                icon,
                description,
            },
        } = this.props;

        return (
            <input
                type="text"
                value={ icon }
                ref={ el => this.el = el }
            />
        );
    }

}

export default IconControl;

我已经阅读了关于与其他库集成的 React文档,但是我仍然不清楚如何实现此目的。 我设法使图标选择菜单显示出来并从中选择一个图标,但是我不知道如何使用该特定插件和React来存储该数据。

任何指导将不胜感激:)

问题暂未有回复.您可以查看右边的相关问题.
3 将.stop()集成到jQuery插件中

我正在编写一个CSS3 animate插件,它使用CSS3 Transitions动画元素,而jQuery native .animate()则无法使用它。 现在一切都很好,但我想将.stop()集成到插件中。 因此用户能够像在原生jQuery中一样使用我的插件。 到目前为止这是我 ...

2011-03-13 14:31:34 1 513   jquery
4 jQuery插件与数据库集成

我在ASP.NET中使用jquery饼图。 饼图工作正常,但是我想绑定数据库中的值。 如何在饼图中绑定数据库值。 我已经在数据库中创建了一个表,我想从数据库中获取值到饼图中。 ...

6 将Jquery插件集成到CodeIgniter中

好的,我想将jquery集成到codeIgniter视图文件中,但是我很难将jquery插件放在正确的位置。 在查看文件中,我的代码是 我在根文件htacces / rip / yt中创建了一个名为yt的文件夹-并将其插入。 如何以正确的方式编写{assetFolder:'loc ...

7 将 JQuery 插件集成到 datepicker

在我的网站中,我使用名为 datepicker 的 jQuery 补充来表示日历。 对于日期选择器,我想用一些颜色点来表示日期事件。 研究我找到了一个 jQuery 插件来模拟我需要的东西。 我的问题是我不知道如何将该插件集成到我的代码和日期选择器中。 https://www.jquerysc ...

8 将jQuery插件与数据库集成

该插件可以很好地处理静态值。 但是我想使用数据库中的值。 这是一个3D图表。 我已经尝试了所有方法,但是找不到任何解决方案。 所以也要帮忙。 我尝试过各种东西。 搜索了所有可能解释此问题的网站。 但是到目前为止,没有任何帮助。 甚至搜索了制作此类插件的网站,但均未找到适当的文档。 ...

9 将Aptana插件与eclipse集成为jquery

我在linux 64位机器上使用“Eclipse IDE for javascript Web developers”Indigo。 我从帮助&gt;安装新软件安装了aptana插件。但是jquery自动完成功能不起作用。 我读过这篇文章 ,但是在indigo中没有这样的路径(首选项&g ...

10 将html表单与jQuery插件集成

我有一个HTML表单,它将数据提交到cgi-bin脚本,该脚本又提供了一些输出。 我已经看到了显示jQuery模态框的示例 。 这对于显示cgi-bin的输出将是完美的! 问题在于此示例可用于&lt;a href&gt;并且我无法使用链接替换“提交”按钮。 我应该怎么做? ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM