Warum React Hook verwenden useState verwendet const und nicht let

Die Standardmethode für die Verwendung eines React useState-Hooks ist die folgende:

const [count, setCount] = useState(0);

Diese const countVariable wird jedoch eindeutig einem anderen primitiven Wert zugewiesen.

Warum ist die Variable dann nicht definiert als let count?

eindeutig einem anderen primitiven Wert zugeordnet werden

Nicht wirklich. Wenn die Komponente erneut gerendert wird, wird die Funktion erneut ausgeführt, wodurch ein neuer Bereich erstellt wird und eine neue countVariable erstellt wird, die nichts mit der vorherigen Variablen zu tun hat.

Beispiel:

let _state;
let _initialized = false;
function useState(initialValue) {
  if (!_initialized) {
    _state = initialValue;
    _initialized = true;
  }
  return [_state, v => _state = v];
}

function Component() {
  const [count, setCount] = useState(0);

  console.log(count);
  setCount(count + 1);
}

Component();
Component(); // in reality `setCount` somehow triggers a rerender, calling Component again
Component(); // another rerender

Hinweis: Hooks sind weitaus ausgefeilter und werden nicht so implementiert. Dies dient nur dazu, ein ähnliches Verhalten zu demonstrieren.

const ist ein Schutz gegen die Neuzuweisung des Referenzwerts innerhalb desselben Bereichs.

Von MDN

Dies bedeutet nicht, dass der darin enthaltene Wert unveränderlich ist, sondern dass die Variablenkennung nicht neu zugewiesen werden kann.

Ebenfalls

Eine Konstante kann ihren Namen nicht mit einer Funktion oder einer Variablen im selben Bereich teilen.

Nach dem Aufruf von setCount wird die Komponente erneut gerendert und der neue Aufruf von useState gibt den neuen Wert zurück. Der Punkt ist, dass die Anzahl unveränderlich ist. Hier gibt es also keinen Tippfehler.

Technisch gesehen ist es bei jedem Rendern eine neue Variable.

Quelle: React Github Problem: Docs - Hooks: Ist das ein Tippfehler?

hier fand ich, dass const frustrierend war, da sich die Anzahl so ändern muss

  let [count, setCount] = useState(0)
  // simply can't use ++ on either side of count increment given we declare as const [count, setCount] 
  // instead declaration of var or let [count, setCount] allows simpler code
  const increment = () => {
    setCount(count++); //const cannot do this only let or var
  };