import React from 'react';

​

class MyComponent extends React.Component {

  handleClick() {

    console.log('Button clicked!');

  }

​

  render() {

    return (

      <button onClick={this.handleClick}>Click Me</button>

    );

  }

}

​

// Credit to: Long Nguyen

// Source: https://stackoverflow.com/questions/33846682/react-onclick-function-fires-on-render

​

// Because you are calling that function instead of passing the function 

// to onClick, change that line to this:

​

<button type="submit" onClick={() => { this.Function }}>Submit</button>

​

// => called Arrow Function, which was introduced in ES6,

// and will be supported on React 0.13.3 or upper.