在dragend事件中修改layout的问题 about dragact HOT 14 CLOSED

onDragEnd = () => {
    this.props.onLayoutChange(compact(this.dragact.getLayout().map(
        v => {
            if (v.payload.key === this.target.payload.key) {
                return {...v, payload: [v.payload, this.dragWhich.payload]}
            }
            if (v.payload.key === this.dragWhich.payload.key) {
                return null
            }
            return v
        }
    )))
}

    componentWillReceiveProps(nextProps: any) {
        if (this.props.layout.length > nextProps.layout.length) { //remove
            const mapLayoutCopy = { ...this.state.mapLayout };
            nextProps.layout.forEach((child: any) => {
                if ((mapLayoutCopy as any)[child.key + ''] !== void 666) delete (mapLayoutCopy as any)[child.key + ''];
            })

            for (const key in mapLayoutCopy) {
                const newLayout = this.state.layout.filter((child) => {
                    if (child.key + '' !== key + '') return child
                })

                const { compacted, mapLayout } = compactLayout(newLayout, undefined, this.state.mapLayout);
                this.setState({
                    containerHeight: getMaxContainerHeight(compacted, this.props.rowHeight, this.props.margin[1], this.state.containerHeight),
                    layout: compacted,
                    mapLayout
                })
            }
        } else if (this.props.layout.length < nextProps.layout.length) {//add
            var item;
            for (const idx in nextProps.layout) {
                const i = nextProps.layout[idx];