updated app.js

jojo1311 · jojo1311 · commit 93846b3ad73b · 2019-07-11T11:35:56.000-04:00
diff --git a/app.js b/app.js
@@ -1,9 +1,12 @@
 class Channel extends React.Component{
+    onClick(){
+        console.log('I was clicked', this.props.name);
+    }
     render(){
         return(
-            <li>Channel Name</li>
+            <li onClick={this.onClick.bind(this)}>{this.props.name}</li>
         )
     }
 }
 
-ReactDOM.render(<Channel />, document.getElementById('app'));
+ReactDOM.render(<Channel  name='Hardware Support'/>, document.getElementById('app'));

Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,12 @@`
`1`	`1`	`class Channel extends React.Component{`
	`2`	`+ onClick(){`
	`3`	`+ console.log('I was clicked', this.props.name);`
	`4`	`+ }`
`2`	`5`	`render(){`
`3`	`6`	`return(`
`4`		`- <li>Channel Name</li>`
	`7`	`+ <li onClick={this.onClick.bind(this)}>{this.props.name}</li>`
`5`	`8`	`)`
`6`	`9`	`}`
`7`	`10`	`}`
`8`	`11`
`9`		`-ReactDOM.render(<Channel />, document.getElementById('app'));`
	`12`	`+ReactDOM.render(<Channel name='Hardware Support'/>, document.getElementById('app'));`