reactjs / reactjs/react.dev

[Bug]: "Clear" / "Reload" button in CodeSandbox does not reset user edits to original sample code

Aperta
#8,657 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

bug: unconfirmed
Lingua principale
JavaScript
Stelle
11.8k
Fork
7.9k
Merge medio
1g 11h
PR unite (30g)
11

Descrizione

Summary

Component: Interactive Code Sandbox

Steps to Reproduce:

  1. Navigate to the "Treat state as read-only" section in the React documentation.
  2. Modify the sample code inside the sandbox. Change:

position.x = e.clientX;
position.y = e.clientY;

to:

const p = { x: e.clientX, y: e.clientY };
setPosition(p);

3.Observe that the red dot starts following the cursor as expected.
4.Click the "Clear" or "Reload" button on the sandbox to undo the edits and restore the original code sample.

Expected Result:
The sandbox should revert to the original, unedited sample code (position.x = e.clientX), and the red dot should stop following the cursor.

Actual Result:
The red dot continues to follow the cursor despite triggering a reset.

Page

https://react.dev/learn/updating-objects-in-state

Details
Image

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia riproducendo il comportamento di reset nella sezione "Treat state as read-only" di react.dev/learn/updating-objects-in-state, quindi traccia il flusso di reset di Interactive Code Sandbox. Il lavoro è completato quando Clear o Reload ripristina il codice di esempio originale e il punto rosso non segue più il cursore.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript, react
Ambito
documentation
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Attiva
Chiarezza
Abbastanza chiara
Idoneità per principianti
68/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.