how to count react renders

Thankful Tarantula answered on March 9, 2022 Popularity 8/10 Helpfulness 4/10

answer how to count react renders

how to count react renders

Comment

// play with this on codesandbox: https://codesandbox.io/s/react-codesandbox-g9mt5

import * as React from 'react'
import ReactDOM from 'react-dom'

function Logger(props) {
  console.log(`${props.label} rendered`)
  return null // what is returned here is irrelevant...
}

function Counter() {
  const [count, setCount] = React.useState(0)
  const increment = () => setCount(c => c + 1)
  return (
    <div>
      <button onClick={increment}>The count is {count}</button>
      <Logger label="counter" />
    </div>
  )
}

ReactDOM.render(<Counter />, document.getElementById('root'))

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: kentcdodds.com

Tags: count javascript

Link to this answer
Share Copy Link

Contributed on Mar 09 2022

Thankful Tarantula

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

how to count react renders

Contents

More Related Answers

how to count react renders

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.