Name: useState - Changing state with a callback function
Uploaded: 2021-09-10T22:20:45.091Z
Duration: 4 min 19 s
Description: useState - Changing state with a callback function

scrimba

Watch in fullscreen

useState - Changing state with a callback function

by Bob Ziroll

The Frontend Developer Career Path

About

Comments

Notes

Changing state quiz!2:30

useState - Changing state with a callback function

by Bob Ziroll

The Frontend Developer Career Path

Expand for more info

Changing state quiz!2:30

App.js

run

preview

console

import React from "react"

export default function App() {
    const [count, setCount] = React.useState(0)
    
    function add() {
        setCount(count + 1)
    }
    
    function subtract() {
        setCount(count - 1)
    }
    
    return (
        <div className="counter">
            <button className="counter--minus" onClick={subtract}>–</button>
            <div className="counter--count">
                <h1>{count}</h1>
            </div>
            <button className="counter--plus" onClick={add}>+</button>
        </div>
    )
}

import React from "react"

export default function App() {

const [count, setCount] = React.useState(0)

function add() {

setCount(count + 1)

}

function subtract() {

setCount(count - 1)

}

return (

<h1>{count}</h1>

</div>

</div>

)

}

-4:18