const {

  Button,

  Form

} = Reactstrap;

​

class HelloWorldComponent extends React.Component {

  constructor(props) {

    super(props);

    this.formPreventDefault = this.formPreventDefault.bind(this);

    this.onClickPreventDefault = this.onClickPreventDefault.bind(this);

  }

  // handler recieves the `e` event object

  formPreventDefault(e) {

    alert('here');  

    e.preventDefault();

  }

  onClickPreventDefault(e) {

    alert('onClickPreventDefault called, form will not submit');

    e.preventDefault();

  }

  render() {

    return (      

      <div>

        <Form onSubmit={this.formPreventDefault}>

         <div>

          <h3>Buttons</h3> 

          <p>

            <Button color="primary">formPreventDefault</Button>&nbsp;

          </p>

        </div>

       </Form>

       <hr/>

       <Form>

         <div>

          <h3>Buttons</h3> 

          <p>

            <Button color="primary" onClick={this.onClickPreventDefault}>onClickPreventDefault</Button>&nbsp;

          </p>

        </div>

       </Form>

      </div>

    );

  }

}

​

ReactDOM.render(

  <HelloWorldComponent name="Joe Schmoe"/>,

  document.getElementById('app')

);

​

​