Gọi document.title khi giá trị counter thay đổi không phải là ý hay. ( ok)

https://topdev.vn/blog/useeffect-tu-a-toi-z/

gọi document.title khi giá trị counter thay đổi không phải là ý hay.

useEffect không hề liên quan tới giá trị state counter, gọi document.title khi giá trị counter thay đổi không phải là ý hay.

Đó là lý do tại sao chúng ta có thêm tham số dependency (một mảng) khi dùng useEffect

useEffect(() => {
  document.title = "Hello, " + name;
}, [name]); // deps

import React, {useEffect, useState, useRef} from 'react';
function Greeting({ name }) {
  const [count, setCounter] = useState(0);

  useEffect(() => {
    document.title = "Hello, " + name;
  });
  return (
    <h1 className="Greeting">
      Hello, {name}
      Hello, {count}
      <button onClick={() => setCounter(count + 1)}>onClick</button>
    </h1>
  );
}
export default Greeting;