Create React App
Type the following command to create a new react app:
npx create-react-app demo
Now, go to the project folder:
cd demo
Now, update default App.js with below code snippet
src\App.js
import React, { Component } from 'react'; class App extends Component { constructor(props) { super(props); this.handleClick = this.handleClick.bind(this); } handleClick = (event) => { alert(event.type); } render() { return ( <div> <div className="text-center"> <button className="btn btn-secondary" onClick={this.handleClick}> Click Me </button> </div> </div> ); } } export default App;
Most Helpful This Week
How to use onChange and onClick event in React JS?
React Props
React JS update Div content on click
3 Different Examples - How State Works in React?
Create Functional Component using ES6 Arrow Syntax
Glyphicon Rating Star component
How to perform computation inside expression using ternary operator?
React JS Blog CRUD operation
Integrate Bootstrap with ReactJS Application
React JS get Tag Name and Inner Text on Click