Реакция функции onClick срабатывает при рендере

Я передаю 2 значения дочернему компоненту:

• Список отображаемых объектов
• удалить функцию.

Я использую функцию .map() для отображения моего списка объектов (например, в примере, приведенном на странице интерактивного руководства), но кнопка в этом компоненте запускает функцию onClick, при рендеринге (в том случае, если не срабатывает время рендеринга). Мой код выглядит следующим образом:

module.exports = React.createClass({
    render: function(){
        var taskNodes = this.props.todoTasks.map(function(todo){
            return (
                <div>
                    {todo.task}
                    <button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button>
                </div>
            );
        }, this);
        return (
            <div className="todo-task-list">
                {taskNodes}
            </div>
        );
    }
});

Мой вопрос: почему моя функция onClick запускает рендер и как сделать это не.