Event handling process is similar to ReactJS
The event handling props are mentioned using camelCase
The event handlers are included within {}
The commonly used handlers are onClick and onChange
This example will make use of onClick event of a button and show an alert message to the user.
var MyPage = React.createClass({
handleClick: function() {
ons.notification.alert('WELCOME TO COURSE ON ONSEN UI'); },
//some code
render: function() {
return (
<Ons.Page renderToolbar={this.renderToolbar}>
<p style={{textAlign: 'center'}}>
<Ons.Button onClick={this.handleClick}>
START
</Ons.Button>
</p>
</Ons.Page> ); }});
//some code