React缓存，探讨memo函数如何缓存阻止(子)组件渲染？

import React, { useState } from "react";
function Child() {
  console.log("child render");
  return <>{Date.now().toString().slice(-6)}</>;
}
const MemoChild = React.memo(Child);
const MemoChild2 = React.memo(Child, (prev, next) => {
  if (next.point > 110) {
    return false;
  }
  return true;
});
export default function App() {
  console.log("parent render");
  const [info, setInfo] = useState({
    name: "sunan大叔",
    point: 100,
  });
  // const setInfo2 =()=>{}
  function setInfo2() {}
  return (
    <div>
      <div>
        【{info.name}】, 中奖率:{info.point}%
        <button
          onClick={() => {
            setInfo({ ...info, point: info.point + 1 });
          }}
        >
          幸运得分
        </button>
      </div>
      <div>
        <table>
          <tbody>
            <tr>
              <td>【组件1】</td>
              <td>
                <Child></Child>
              </td>
              <td>恒定渲染, 父变子就变</td>
            </tr>
            <tr>
              <td>【组件2】</td>
              <td>
                <MemoChild fn={setInfo2}></MemoChild>
              </td>
              <td>恒定渲染, memo, 父组件每次都渲染, 该函数属性随父组件渲染重新定义</td>
            </tr>
            <tr>
              <td>【组件3】</td>
              <td>
                <MemoChild2 point={info.point}></MemoChild2>
              </td>
              <td>有条件渲染, memo, 自定义规则渲染, 先不变(false)后变(true)</td>
            </tr>
            <tr>
              <td>【组件4】</td>
              <td>
                <MemoChild></MemoChild>
              </td>
              <td>恒定不渲染, memo, 无属性无规则, 默认被Memo</td>
            </tr>
            <tr>
              <td>【组件5】</td>
              <td>
                <MemoChild fn={setInfo}></MemoChild>
              </td>
              <td>恒定不渲染, memo, setInfo是useState的导出函数, 不变</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  );
}