看看 React Compiler 对你的组件做了些什么

import React, { useState } from 'react';

export const Demo = () => {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>Count: {count}</button>;
};

import { c as _c } from "react/compiler-runtime";
import React, { useState } from 'react';

export const Demo = () => {
  const $ = _c(6);
  if ($[0] !== "c8ddead80551c9ffa196048aad479d7c4518a54bc7192e6ca422a973a27883f7") {
    for (let $i = 0; $i < 6; $i += 1) {
      $[$i] = Symbol.for("react.memo_cache_sentinel");
    }
    $[0] = "c8ddead80551c9ffa196048aad479d7c4518a54bc7192e6ca422a973a27883f7";
  }
  const [count, setCount] = useState(0);
  let t0;
  if ($[1] !== count) {
    t0 = () => setCount(count + 1);
    $[1] = count;
    $[2] = t0;
  } else {
    t0 = $[2];
  }
  let t1;
  if ($[3] !== count || $[4] !== t0) {
    t1 = <button onClick={t0}>Count: {count}</button>;
    $[3] = count;
    $[4] = t0;
    $[5] = t1;
  } else {
    t1 = $[5];
  }
  return t1;
};