Back to React Use

`useRendersCount`

docs/useRendersCount.md

17.6.0521 B
Original Source

useRendersCount

Tracks component's renders count including the first render.

Usage

typescript
import * as React from 'react';
import { useRendersCount } from "react-use";  

const Demo = () => {
  const update = useUpdate();
  const rendersCount = useRendersCount();

  return (
    <div>
      <span>Renders count: {rendersCount}</span>
      

      <button onClick={update}>re-render</button>
    </div>
  );
};

Reference

typescript
const rendersCount: number = useRendersCount();