jQueryUI Tooltip Mixin for React

tooltipMixin.js

const $ = require('jquery'),
    _ = require('lodash'),
    ReactDOM = require('react-dom');

/**
 * jQueryUI Tooltip Mixin Helper
 */
export default {
    //tooltipOptions: {
    //    "input[title]": {
    //        position: {
    //            my: "left top",
    //            at: "right+5 top-5"
    //        }
    //    }
    //},
    hasTooltipOptionsSet(){
        return ((typeof this.tooltipOptions) != 'undefined');
    },
    componentDidMount(){
        if (!this.hasTooltipOptionsSet()) {
            return;
        }

        const $this = $(ReactDOM.findDOMNode(this));
        _.forEach(this.tooltipOptions, (options, src)=> {
            $this.find(src).tooltip(options);
        });
    },
    componentWillUnmount(){
        if (!this.hasTooltipOptionsSet()) {
            return;
        }

        const $this = $(ReactDOM.findDOMNode(this));
        _.forEach(this.tooltipOptions, (options, src)=> {
            $this.find(src).tooltip("destroy");
        });
    }
};

usage.jsx

const tooltipMixin = require('tooltipMixin.js');

React.createClass({
    mixins:[tooltipMixin],
    tooltipOptions:{
        "input[title]":{
            position: {
                my: "left top",
                at: "right+5 top-5"
            }
        }
    },
    render(){
        return (
            <form>
                <input type="text" title="This is a tooltip!"/>
            </form>
        );
    }
});