Commit c6caaf4

committed

yes no modified

1 parent 7601c64 commit c6caaf4Copy full SHA for c6caaf4

File tree

+15

-5

lines changed

+15

-5

lines changed

Lines changed: 15 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,19 +1,29 @@`
`1`	`1`	`import React from "react"`
`2`	`2`
`3`	`3`	`export default function Main() {`
`4`		`- const [text, setText] = React.useState("Yes")`
	`4`	`+ // const [text, setText] = React.useState("Yes")`
`5`	`5`
`6`	`6`
`7`		`- function changeContent() {`
`8`		`- setText("No")`
	`7`	`+ // function changeContent() {`
	`8`	`+ // setText("No")`
`9`	`9`
	`10`	`+ // }`
	`11`	`+`
	`12`	`+`
	`13`	`+ // yes no toggle`
	`14`	`+`
	`15`	`+ const [toggleItem, setToggleItem] = React.useState(true)`
	`16`	`+ function changeItem() {`
	`17`	`+ setToggleItem(prevstate => !prevstate)`
	`18`	`+`
`10`	`19`	`}`
`11`	`20`
	`21`	`+`
`12`	`22`	`return (`
`13`	`23`	`<div className="main--container">`
`14`	`24`	`<h2>Is React Important?</h2>`
`15`		`- <div className="yes--no" onClick={changeContent}>`
`16`		`- <h4>{text}</h4>`
	`25`	`+ <div className="yes--no" onClick={changeItem}>`
	`26`	`+ <h4>{toggleItem ? "Yes" : "No"}</h4>`
`17`	`27`	`</div>`
`18`	`28`	`</div>`
`19`	`29`	`)`

Comments

(0)