title: onClick event firing twice after first click (InfernoJS/Redux)
body: <p>I'm doing a ToDo list using react and redux, and I'm facing a problem: When I first click in a ToDo item to toggle it to completed it works successfully, but after that, the onClick always fire twice, I've already faced a problem like that while I used only InfernoJS to make this application, but solved it by binding the toggleTodo method to the component on the constructor, but I don't know what to do now.</p>
  
  <h1><strong>Component Code</strong></h1>
  
  <pre><code>import Inferno from "inferno";
  import { connect } from "inferno-redux";
  import * as actions from "./../actions/actions";
  import Component from "inferno-component";
  import moment from "moment";
  
  export class Todo extends Component {
    render() {
      moment.locale("pt-br");
      var { id, text, completed, createdAt, completedAt, dispatch } = this.props;
      var todoClassName = completed ? "todo todo-completed" : "todo";
      var renderDate = () =&gt; {
        var message = "Criado em ";
        var timestamp = createdAt;
        if (completed) {
          message = "Completa em ";
          timestamp = completedAt;
        }
        return message + moment(timestamp).format("DD/MM/YYYY @ HH:mm:ss");
      };
  
      return (
        &lt;div
          className={todoClassName}
          onClick={() =&gt; {
            dispatch(actions.toggleTodo(id));
          }}
        &gt;
          &lt;div&gt;
            &lt;input type="checkbox" checked={completed} /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;p&gt;{text}&lt;/p&gt;
            &lt;p className="todo__subtext"&gt;{renderDate()}&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default connect()(Todo);
  </code></pre>