Đồng bộ cục DOM , đồng bộ những phần không nằm trong React tree (ok)

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

React luôn đồng bộ cục DOM với giá trị hiện tại của prop và state. Không cần phân biệt giữa mount và update khi render. Có thể hình dung effect cũng tương tự như vậy, useEffect cho phép đồng bộ những phần không nằm trong React tree với giá trị của prop và state

import React, {useEffect, useState, useRef} from 'react';
function Greeting({ name }) {
  return <h1 className="Greeting">Hello, {name}</h1>;
}
function Counter() {
  
  return (
    <div>
      <Greeting name="Dan" />
      <Greeting name="Luu" />.
    </div>
  );
}
export default Counter;

Cuối cùng chúng ta luôn nhận được Hello, Luu

import React, {useEffect, useState, useRef} from 'react';
function Greeting({ name }) {
  useEffect(() => {
    document.title = "Hello, " + name;
  });
  return <h1 className="Greeting">Hello, {name}</h1>;
}
function Counter() {
  
  return (
    <div>
      <Greeting name="Dan" />
      <Greeting name="Luu" />.
    </div>
  );
}
export default Counter;