# react-drag-grid

**Repository Path**: Dledger/react-drag-grid

## Basic Information

- **Project Name**: react-drag-grid
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-09
- **Last Updated**: 2024-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React-drag-grid

#### 介绍
用react构建一个自定义面板，能够在面板上自由的拖拽，新增，删除组件。
[React-drag-grid在线演示使用](https://bilif.github.io/react-drag-grid/)
###### ![实例效果](https://upload-images.jianshu.io/upload_images/4190280-6eac48623c4f7506.gif?imageMogr2/auto-orient/strip)

#### 构建和设置

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:3000
npm run start

# build for production with minification
npm run build

```

## 相关链接  
- [《基于react-grid-layout实现可视化拖拽》](https://bilif.github.io/2019/05/14/React%E5%AE%9E%E7%8E%B0%E7%82%AB%E9%85%B7%E7%9A%84%E5%8F%AF%E6%8B%96%E6%8B%BD%E7%BD%91%E6%A0%BC%E5%B8%83%E5%B1%80/)


## 技术点
- React
- Ant Design
- react-grid-layout
- echarts

## License

MIT