Drag function with state

[l1zard]

How to use drag function with state? But when i use on move function i am guessing object will rerender and onmove is fired only once (checked with console.log). How to used it properly?

state = {
    x: 10,
    y: 10
}


onstart = (x, y) => {
    this.setState({x: x, y: y})
}

onMove = (dx, dy) => {
    let x = this.state.x;
    let y = this.state.y
    this.setState({x: x + dx, y: y + dy})
}


end = (x, y) => {
    this.setState({x: x, y: y})
}

render() {
    return (
        <div className="design_wrapper">
            <div className="svg_container">
                <Paper width={300} height={300}>
                    <Set>
                        <Circle key={"asdd"} x={this.state.x} y={this.state.y} r={15}
                                attr={{stroke: "#000", fill: "#000"}}
                                drag={{
                                    move: this.onMove,
                                    start: this.onstart,
                                    end: this.end
                                }}/>
                    </Set>
                </Paper>
            </div>
        </div>
    );
}

}`

[DragonflyCaptain]

借楼问下 老哥 为什么mousemove和mouseout 会同时执行``