react-sortable/examples/basic-grid/SortableGrid.js

Make your React components sortable.

import React from 'react'
import ReactDOM from 'react-dom'
import SortableItem from './SortableItem'

export default class SortableGrid extends React.Component {

  state = {
    items: this.props.items
  }

  onSortItems = (items) => {
    this.setState({
      items: items
    })
  }

  render() {
    const { items } = this.state

    var gridItems = items.map((item, i) => {
      return (
        <SortableItem
          key={i}
          onSortItems={this.onSortItems}
          items={items}
          sortId={i}>
          {item}
        </SortableItem>
      );
    });

    return (
      <ul className='sortable-grid'>
        {gridItems}
      </ul>
    )
  }
}