Интегрировать плагин jQuery в React

Question

Вот как это происходит: я пытаюсь интегрировать 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 для хранения этих данных.

Любое руководство будет более чем оценено:)