index.js
index.html
import React from 'react';
import ReactDOM from 'react-dom';
class Football extends React.Component {
shoot = (a, b) => {
alert(b.type);
/*
'b' represents the React event that triggered the function,
in this case the 'click' event
*/
}
render() {
return (
<button
onClick={(ev) => this.shoot("Goal", ev)}
>Take the shot!</button>
);
}
}
ReactDOM.render(<Football />, document.getElementById('root'));
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1" />
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>