Name: useEffect() syntax and default behavior
Uploaded: 2024-09-16T19:58:59.196Z
Duration: 3 min 49 s
Description: useEffect() syntax and default behavior

scrimba

Watch in fullscreen

useEffect() syntax and default behavior

by Bob Ziroll

About

Comments

Notes

useEffect() syntax and default behavior

by Bob Ziroll

Expand for more info

App.jsx

run

preview

console

import React from "react"

export default function App(props) {
    const [starWarsData, setStarWarsData] = React.useState(null)
    
    // console.log("Rendered!")
    
    fetch("https://swapi.dev/api/people/1")
        .then(res => res.json())
        .then(data => setStarWarsData(data))
    
    return (
        <div>
            <pre>{JSON.stringify(starWarsData, null, 2)}</pre>
        </div>
    )
}

import React from "react"

export default function App(props) {

const [starWarsData, setStarWarsData] = React.useState(null)

// console.log("Rendered!")

fetch("https://swapi.dev/api/people/1")

.then(res => res.json())

.then(data => setStarWarsData(data))

return (

<div>

<pre>{JSON.stringify(starWarsData, null, 2)}</pre>

</div>

)

}

-3:49