render function component inside use effect hook code example

Example 1: useeffect

import React, { useState, useEffect } from 'react';
function Example() {
  const [count, setCount] = useState(0);

  useEffect(() => {    document.title = `You clicked ${count} times`;  });
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

Example 2: React Hook "useEffect" is called in function

React component names need to start with a capital letter.
That's because React treats components starting with lowercase letters as DOM tags.

Therefore you should name it "Shoes"

Tags:

Typescript Example

Related