title: how to change functional component to class component in react-sortable-hoc
body: <p>how to change my <code>functional</code> component to <code>class</code> component my code is below</p>
  
  <pre><code>const SortableList = SortableContainer(
    ({ items, SpeedGraph, StepLengthGraph, CadenceGraph, PaceGraph, graphPopupHandler}) =&gt; (
      &lt;div&gt;
        {items.map((value, index) =&gt; (
          &lt;SortableItem
            key={`item-${index}`}
            SpeedGraph={SpeedGraph}
            StepLengthGraph={StepLengthGraph}
            CadenceGraph={CadenceGraph}
            PaceGraph={PaceGraph}
            graphPopupHandler={graphPopupHandler}
            index={index}
            value={value}
          /&gt;
        ))}
      &lt;/div&gt;
    )
  );
  </code></pre>
  
  <p>i try to change this code but not working for me.</p>