Example using library functions in react about react-konva HOT 3 CLOSED

componentDidMount() {
   this.text.offsetX(text.width() / 2);
}
render() {
  return <Text {...yourAttrs} ref={(node) => { this.text = node; }/>;
}

componentDidMount() {
   window.addEventListener('keydown', e => {
     //console.log(e);

     this.text.setX(this.text.getX() + 10);
     this.text.setY(this.text.getY() + 10);

     this.text.x += 10;
     this.text.y += 10;
     console.log('fired');
   });
 }

 render = () => (
   <Stage
     width={this.props.width}
     height={this.props.height}
     onContentMousedown={this.onMouseDown}
     onContentMousemove={this.onMouseMove}
     onContentMouseup={this.onMouseUp}
   >
     {this.props.children}
     <Layer>
       <Rect
         ref={node => {
           this.text = node;
         }}
         name="selection"
         x={0}
         y={0}
         width={50}
         height={50}
         fill="rgba(0,0,255,.5)"
       />
     </Layer>
   </Stage>
 );