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

Offen

#8,657 erstellt am 14.9.2026 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 3/5
Geschätzter Aufwand: 1-2 Tage
Anfängerfreundlichkeit: 68/100

Issue-Typ: Bug
Klarheit: Größtenteils klar
Aktivitätsstatus: Aktiv
Tech-Stack: javascript, react
Bereich: documentation

Rechercherichtung

Beginne damit, das Reset-Verhalten im Abschnitt "Treat state as read-only" von react.dev/learn/updating-objects-in-state nachzubilden, und verfolge anschließend den Reset-Ablauf von Interactive Code Sandbox. Als erledigt gilt die Aufgabe, wenn Clear oder Reload den ursprünglichen Beispielcode wiederherstellt und der rote Punkt dem Cursor nicht mehr folgt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

bug: unconfirmed

Summary

Component: Interactive Code Sandbox

Steps to Reproduce:

Navigate to the "Treat state as read-only" section in the React documentation.
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

Vorherrschende Sprache: JavaScript
Sterne: 11.8k
Forks: 7.9k
Ø Merge: 16 Std. 6 Min.
Gemergte PRs (30 T.): 7

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus reactjs/react.dev

[Suggestion]: Feature React 19.3 codemods across docs, blog, and changelog Offen

type: documentation

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100

reactjs/react.dev#8661 · 1 Kommentar · 7 Reaktionen · Erstellt am 17.9.2026
docs: improve useState explanation in quick start Offen

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 82/100

reactjs/react.dev#8655 · Erstellt am 12.9.2026
[Bug]: Next button throws a runtime error instead of cycling to the first sculpture Offen

bug: unconfirmed

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100

reactjs/react.dev#8634 · 3 Kommentare · Erstellt am 04.9.2026
[Typo]: Repeaded words in Pitfall section Offen

type: typos

Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100

reactjs/react.dev#8622 · 1 Kommentar · Erstellt am 22.8.2026
[Bug]: Sidebar dropdown does not close when the arrow is clicked again Offen

bug: unconfirmed

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100

reactjs/react.dev#8618 · Erstellt am 21.8.2026

Alle Issues in reactjs/react.dev