為什麼數字的成長不符合我的預期，而是增加了2而不是1？

Question

我在React中有以下程式碼：

let guest = 0;

function Cup() {
  guest = guest 1;
  return <h2>第{guest}位客人的茶杯</h2>;
}

export default function TeaSet() {
  return (
    <>
      <Cup />
      <Cup />
      <Cup />
    </>
  );
}

我期望的結果是：

<code>第1位客人的茶杯
第2位客人的茶杯
第3位客人的茶杯
</code>

然而，實際回傳的結果是：

第2位客人的茶杯，
第4位客人的茶杯，
第6位賓客的茶杯

為什麼guest的增量是2，而不是我指定的1？

Answer 1

全域狀態變數可能不是實現這一目標的可行方法。

根據你在問題中提到的問題，你可以嘗試將param作為count#傳遞。

import { useEffect } from "react";

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

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