react里遇到一个链接跳转问题

Question

//实现一个点击跳转功能

代码：

  constructor(props){
     super(props);
     this.clickFunc = this.clickFunc.bind(this);  
     //由于ESlint原因，没法利用bind在jsx里绑定事件
  }


  clickFunc=(url)=>{
      window.location.href = url;
  }

  //render 方法里

  return (
      <div className="linkWrap" onClick={this.clickFunc(url)}>
            //还是环境问题，这里的点击跳转链接，没法用a标签....，
            //所以写了一个跳转方法
      </div>
  );

问题：这样一来只要页面一加载就会自动执行一次clickFunc方法，导致看不到原本的页面，有没有什么办法，在实例化的时候不会执行方法，并且可以绑定方法？

Answer 1

onClick={this.clickFunc.bind(this,url)}

Answer 2

onClick={() => this.clickFunc(url)}