<p>我在React中有以下代码：</p> <pre class="brush:php;toolbar:false;">let guest = 0; function Cup() { guest = guest + 1; return &lt;h2&gt;第{guest}位客人的茶杯&lt;/h2&gt;; } export default function TeaSet() { return ( &lt;&gt; &lt;Cup /&gt; &lt;Cup /&gt; &lt;Cup /&gt; &lt;/&gt; ); }</pre> <p>我期望的结果是：</p> <pre class="lang-none prettyprint-override"><code>第1位客人的茶杯 第2位客人的茶杯 第3位客人的茶杯 </code></pre> <p>然而，实际返回的结果是：</p> <pre class="brush:php;toolbar:false;">第2位客人的茶杯， 第4位客人的茶杯， 第6位客人的茶杯</pre> <p>为什么<code>guest</code>的增量是2，而不是我指定的1？</p>

import { useEffect } from "react";

const  Cup  = ({guestCount}) => {
    return 
为第{guestCount}位客人准备的茶杯
;
}

export default function TeaSet() {
  return (
    
    >
  );
}