clickable class component

Author: karthik-d

Practice/Express-React/frontend/src/components/Clickable.js

@@ -0,0 +1,22 @@
+import React from 'react';
+
+class Clickable extends React.Component {
+
+    constructor(props) {
+        super(props);
+        this.handleClick = this.handleClick.bind(this);
+    }
+
+    handleClick(event) {
+        console.log(event);
+        console.log("I was clicked");
+    }
+
+    render() {
+        return (
+            <button onClick={this.handleClick}>{this.props.displayText}</button>
+        );
+    }
+}
+
+export default Clickable;

Practice/Express-React/frontend/src/index.js

@@ -2,13 +2,15 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
+import Clickable from './components/Clickable';
 import reportWebVitals from './reportWebVitals';
 import FileContent from './components/FileContent';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <div>
     <FileContent />
+    <Clickable displayText="Clickable Button" />
   </div>
 );