react hooks - Confusion about useState Reactjs

Question

When I call setMen(Men), The state changes. Why is that?

Here's my code:

const App = () => {
  const [Men, setMen] = useState({ name: "dario" });
  console.log(Men)
  return (
    <div>
      <button
        onClick={() => {
          Men.name = "dario1"
          setMen(Men);
        }}
      >
        Add
      </button>
      <button
        onClick={() => {
          Men.name = "dario2"
          setMen({ ...Men });
        }}
      >
        Add1
      </button>
    </div>
  );
};

The State is updated when I click on the Add button and then on Add1. Why setMen(Men); will change State ?

Answer 1

等待大神解答