为什么两次使用组件时不需要密钥支架？

Question

我以为我理解了 key prop 在 React 中的作用，但后来我无法理解为什么重复使用相同的组件不需要 key prop，如下例所示。

假设我有一个看起来像这样的 Like 组件：

function Like() {
    const [c, setC] = useState(0);

    return (
        <div>
            <h3>Liked: {c} times</h3>
            <button onClick={() => setC(c+1)}>Like!</button>
        </div>
    );
}

在 App 组件中，我有

<div>
  <Like />
  <Like />
</div>

React 似乎并没有因为有两个相同的组件而烦恼。只要点赞，计数就会正确更新！按钮被按下。