React: useStateを使用した予期しない関数コンポーネントの呼び出し

機能をリクエストしバグを報告しますか？

質問

現在の動作は何ですか？

import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function Child() {
  console.log("Child render");
  return null;
}

function App() {
  const [count, setCount] = useState(0);

  console.log("Render");

  useEffect(() => {
    console.log("count changed", count);
  }, [count]);

  return (
    <div>
      <h2>UseState</h2>
      <p>clicked: {count}</p>
      <button
        onClick={() => {
          setCount(count + 1);
        }}
      >
        +1
      </button>
      <button
        onClick={() => {
          setCount(count);
        }}
      >
        +0
      </button>
      <Child />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

このカウントの例には2つのボタンがあります。 1つをクリックするとカウントが+1になり、もう1つをクリックしてもカウントは変更されません。 最初に[変更なし]ボタンをクリックすると、「レンダリング」はログに記録されません。 ただし、最初に+1ボタンをクリックしてからanthorをクリックすると、「レンダリング」は2回表示されますが、「子レンダリング」は1回しか表示されません。

私はドキュメントで説明を見つけました。

状態フックを現在の状態と同じ値に更新すると、Reactは子をレンダリングしたり、エフェクトを起動したりせずにベイルアウトします。 （ReactはObject.is比較アルゴリズムを使用します。）

Reactは、Childrenコンポーネントがこの状況でレンダリングされないことを約束するだけですか？ 現在のコンポーネントはまだレンダリングされている可能性がありますか？

これはサンドボックスの例です。

https://codesandbox.io/s/long-firefly-nz5px?fontsize=14&hidenavigation=1&theme=dark

Reactのどのバージョン、およびどのブラウザ/ OSがこの問題の影響を受けますか？

"react"： "^ 16.12.0"、
"react-dom"： "^ 16.12.0"、