snaphy-react-sortable-dnd/SortableHandle/index.js

React Sortable HOC build from React HOC

import React, { Component } from 'react'
import { findDOMNode } from 'react-dom'
import invariant from 'invariant'

import { provideDisplayName } from '../utils'

// Export Higher Order Sortable Element Component
export default function sortableHandle(
  WrappedComponent,
  config = { withRef: false }
) {
  return class extends Component {
    static displayName = provideDisplayName('sortableHandle', WrappedComponent)

    componentDidMount() {
      const node = findDOMNode(this)

      node.sortableHandle = true
    }

    getWrappedInstance() {
      invariant(
        config.withRef,
        'To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableHandle() call'
      )

      return this.refs.wrappedInstance
    }

    render() {
      const ref = config.withRef ? 'wrappedInstance' : null

      return <WrappedComponent ref={ref} {...this.props} />
    }
  }
}