Setting onSubmit in React.js
In your doSomething()
function, pass in the event e
and use e.preventDefault()
.
doSomething = function (e) { alert('it works!'); e.preventDefault();}
I'd also suggest moving the event handler outside render.
var OnSubmitTest = React.createClass({ submit: function(e){ e.preventDefault(); alert('it works!'); } render: function() { return ( <form onSubmit={this.submit}> <button>Click me</button> </form> ); }});
<form onSubmit={(e) => {this.doSomething(); e.preventDefault();}}></form>
it work fine for me