將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來存儲該數據。

任何指導將不勝感激:)