UserVoice Widget Trigger React Component

uservoice-trigger.js

import React from 'react';
import _ from 'lodash';

const UserVoiceTrigger = React.createClass({

  propTypes: {
    id: React.PropTypes.string.isRequired
  },

  getDefaultProps() {
    return {
      id: _.uniqueId('uv_trigger_')
    }
  },

  componentDidMount() {
    if (UserVoice) {
      UserVoice.push(['addTrigger', '#' + this.props.id]);
    }
  },

  componentWillUnmount() {
    if (UserVoice) {
      UserVoice.push(['removeTrigger', '#' + this.props.id]);
    }
  },

  render() {
    return (
      <span id={this.props.id}>
        {this.props.children}
      </span>
    )
  }

});

export default UserVoiceTrigger;