Ошибка: onSubmit не работает на responsejs метод рендеринга jsx

Question

Я пытаюсь создать форму внутри реагирующего компонента на сервере узла, но мой onSubmit attr не компилируется. любые мысли почему? Вот мой код:

/** @jsx React.DOM **/ 

var React = require('react'); 


module.exports = UserForm = React.createClass({ 
    handleSubmit: function (e) { 
     e.preventDefault(); 
     console.log("teste"); 
    }, 

    render : function() { 
     return (
      <div className="container"> 
       <form onSubmit= { this.handleSubmit } className="section"> 

        <button className="btn waves-effect waves-light" type="submit"> 
         Entrar 
         <i className="mdi-content-send right"></i> 
        </button> 
       </form> 
      </div> 
     ) 
    } 
}); 

и выход для этого оказанной коды заключается в следующем:

<div class="container" data-reactid=".1vxqgp72xa8" data-react-checksum="-1342114635"> 

    <form class="section" data-reactid=".1vxqgp72xa8.0"> 
     <button class="btn waves-effect waves-light" type="submit" data-reactid=".1vxqgp72xa8.0.1"> 
      <span data-reactid=".1vxqgp72xa8.0.1.0">Entrar</span> 
      <i class="mdi-content-send right" data-reactid=".1vxqgp72xa8.0.1.1"></i> 
     </button><div class="preloader-wrapper big active" data-reactid=".1vxqgp72xa8.0.2"> 
    </form> 
</div> 

это может быть глупой ошибкой, кто-то может помочь мне найти его?

поблагодарит вас все

Answer 1

достаточно просто, вы не предоставляет обратный вызов. Он должен выглядеть следующим образом:

<form onSubmit={ this.handleSubmit } className="section"> 

Edit: После небольшого обсуждения в комментариях, стало ясно, что вы не садились приложение на переднем конце после доставки сервера визуализации HTML в браузере , После загрузки страницы вызов этого:.

React.render(React.createElement(UserForm, {}), domElement);