React onClick function fires on render

javascript reactjs button onclick dom-events

Because you are calling that function instead of passing the function to onClick, change that line to this:

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

=> called Arrow Function, which was introduced in ES6, and will be supported on React 0.13.3 or upper.

javascript reactjs button onclick dom-events

Instead of calling the function, bind the value to the function:

this.props.removeTaskFunction.bind(this, todo)

javascript reactjs button onclick dom-events

The value for your onClick attribute should be a function, not a function call.

<button type="submit" onClick={function(){removeTaskFunction(todo)}}>Submit</button>

CodeHunter