my react based app contains form , somewhere along way stopped working, onsubmit no longer fired , form submitted new http request. while trying isolate problem stripped whole app following snippet (which jsfiddle taken question):
import react 'react' var onsubmittest = react.createclass({ render: function () { var dosomething = function () { alert('it works!'); } return <form onsubmit={dosomething}> <button>click me</button> </form>; } }); react.render(<onsubmittest/>, document.body);
the script on jsfiddle works should: message alerted before form submitted. no alert in app, though. if add e.preventdefault()
jsfiddle form not submitted @ all, form is.
the difference build app using webpack , babel es6 it's hard believe have impact on matter.
any idea might reason? should try next debug that?
update: jsfiddle showing problem. linked file webpack output (not uglified in way keep readable, that's why it's huge). can find code (compiled) starting on line 53.
mystery solved: forgot mark node_modules
directory excluded (i use intellij idea) when used refactoring change variable name form
else, ide eagerly refactored whole react , replaced occurrences of form
new value.
i fixed reinstalling npm dependencies.
Comments
Post a Comment