const {Layer, Rect, Stage, Group} = ReactKonva;

​

// try drag& drop rectangle

class MyRect extends React.Component {

    changeSize() {

        this.refs.rect.to({

            scaleX: Math.random() + 0.8,

            scaleY: Math.random() + 0.8,

            duration: 0.2

        });

    }

    render() {

        return (

            <Group>

                <Rect

                    ref="rect"

                    width="50"

                    height="50"

                    fill="green"

                    draggable="true"

                    onDragEnd={this.changeSize.bind(this)}

                    onDragStart={this.changeSize.bind(this)}

                />

          </Group>

        );

    }

}

​

function App() {

    return (

      <Stage width={700} height={700}>

        <Layer>

            <MyRect/>

        </Layer>

      </Stage>

    );

}

​

​

ReactDOM.render(<App/>, document.getElementById('container'));