react-data-attributes-mixin/index.js

Take data from props and convert it to HTML data-* attributes

'use strict';

var _ = {
  mapKeys: require('lodash.mapkeys'),
  kebabCase: require('lodash.kebabcase')
};

module.exports = {
  getDataAttributesFromProps: function() {
    return _.mapKeys(this.props.data, function(value, key) {
      return 'data-' + _.kebabCase(key);
    });
  }
};