为什么数字的增长不符合我的预期，而是增加了2而不是1？
<p>我在React中有以下代码：</p>
<pre class="brush:php;toolbar:false;">let guest = 0;
function Cup() {
guest = guest + 1;
return <h2>第{guest}位客人的茶杯</h2>;
}
export default function TeaSet() {
return (
<>
<Cup />
<Cup />
<Cup />
</>
);
}</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>
1
960
收藏
全局状态变量可能不是实现这一目标的可行方法。
根据你在问题中提到的问题，你可以尝试将
param作为count传递。import { useEffect } from "react";const Cup = ({guestCount}) => { return>
);
}
为第{guestCount}位客人准备的茶杯
; } export default function TeaSet() { return (