x: 组件在x轴的坐标, y: 组件在y轴的坐标, w: 组件宽度, h: 组件高度
// static: true，代表组件不能拖动
{ i: "a", x: 0, y: 0, w: 1,...温馨提示，在后面的代码实现过程中会有许多 x，y 和 left，top 的转换，下面的这张图方便我们理解：
实现代码如下：
render(): ReactNode {
const {
x,...在实际使用拖拽功能时，会有当前拖动元素的阴影站位，如下图11号元素：
如何实现拖拽过程中的阴影？...const { cols, x, y, i, maxH, minH } = this.props;
let { minW, maxW } = this.props;
// 得到新的XY，给定像素值中的高度和宽度...在我们具体应用过程中还有很多值得我们深入思考的，例如通过对元素的拖拽实现吸附效果、拖拽的动画等等期待下一次的介绍！
5.
