更改鼠标单击侦听器和渲染方法的顺序

在我的Reactjs web应用程序中,我有一个监听器,在鼠标右键单击时保存鼠标位置,当调用渲染方法时,将使用此保存的鼠标位置。

但是,在某些情况下,在保存鼠标位置之前会调用render方法,这会导致错误。

有没有办法控制这些方法的调用顺序?

代码:

class MyComponent extendes React.COmponent{

constructor(){
    super();

    this.state = {
        mousePosition_ : null
    }

    this.update = this.update.bind(this);
    ClickUpdate.add(this.update); 
}

update(mousePosition){
   this.state.mousePosition = mousePosition;
}

render(){

         // return <div> accourding to the mousePosition that save on update 

}

}