Remember a react drag the pit in the sort: key

When making a react-based application, I encountered the need to sort the list by drag. When using sortable to add sort support to a list, one problem was found: The data was sorted correctly, but the order of the DOM was messed up, and after a while the reason was found because a dynamic key was specified when rendering the data (map (o,i) = (<li key={i} ></li>)), resulting in dom order confusion. The solution is to either generate a non-duplicated key when loading the data into the model, or use Lodash's UniqueID:

 from ' Lodash/uniqueid '

When specifying key, adjust:

<li Data={photo} key={uniqueid ()} index={j}></li>

Remember a react drag the pit in the sort: key