react-sortable-pane
made with React

react-sortable-pane是一个可调整大小、排序的React的组件，可以创建垂直和水平可拖动窗格。

安装

Npm

npm i react-sortable-pane

Yarn

yarn add react-sortable-pane 

使用

import * as React from 'react';
import { SortablePane, Pane } from 'react-sortable-pane';

export default function SimpleUncontrolledExample() {
  const panes = [0, 1, 2].map(key => (
    <Pane key={key} defaultSize={{ width: '100%', height: 120 }}>
      00{key}
    </Pane>
  ));
  return (
    <div>
      <SortablePane direction="vertical" margin={20} defaultOrder={['0', '1', '2']}>
        {panes}
      </SortablePane>
    </div>
  );
}

示例