Warum wächst die Zahl nicht wie erwartet, sondern um 2 statt um 1?

Question

Ich habe den folgenden Code in React:

let Guest = 0;

functionCup() {
  Gast = Gast + 1;
  return <h2>{guest}’s teacup</h2>;
}

Standardfunktion TeaSet() exportieren {
  zurückkehren (
    <>
      <Pokal />
      <Pokal />
      <Pokal />
    </>
  );
}

Mein gewünschtes Ergebnis ist:

<code>Die Teetasse des ersten Gastes
Teetasse für den 2. Gast
Die Teetasse des dritten Gastes
</code>

Das tatsächlich zurückgegebene Ergebnis ist jedoch:

Die Teetasse des zweiten Gastes,
Die Teetasse des vierten Gastes,
Die Teetasse des 6. Gastes

Warum beträgt die Erhöhung von guest 2 statt 1, wie ich angegeben habe?

Answer 1

全局状态变量可能不是实现这一目标的可行方法。

根据你在问题中提到的问题，你可以尝试将param作为count传递。

import { useEffect } from "react";

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

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