"Rules of React" docs would cause TypeError

[reko-aviary]

The example here would cause a TypeError: Assignment to constant variable.

react.dev/src/content/reference/rules/components-and-hooks-must-be-pure.md

Lines 236 to 241 in f055f8f

	function Counter() {
	const [count, setCount] = useState(0);
	function handleClick() {
	count = count + 1; // 🔴 Bad: never mutate state directly
	}

[ijayhub]

is it still valid... can i work on this?

[reko-aviary]

is it still valid... can i work on this?

There's already a PR for this #6905

[ijayhub]

Okay... Thanks for letting me know

…

On Mon, 27 May 2024, 12:38 pm Reko Jokelainen, ***@***.***> wrote: is it still valid... can i work on this? There's already a PR for this #6905 <#6905> — Reply to this email directly, view it on GitHub <#6903 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APYOQHKRBI6GNKSCQ7ZHI2DZEMLNFAVCNFSM6AAAAABIE5LWFWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMZTGI4TGMZVHA> . You are receiving this because you commented.Message ID: <reactjs/react. ***@***.***>

[imparth7]

If this issue was solved then close this issue.

[reko-aviary]

The PR was not merged by the core team, so will rather keep this open. It should be automatically closed when the pull request is.

[imparth7]

Can you tell me what the actual issue in this code? because I show there is no issue. ( Tell me how you get this issue. )

I found that code on the page and this code is written for the what kind of mistake cannot do in react state (Don’t mutate State
).

[reko-aviary]

const [foo, bar] = [1, 2];
foo = foo + 1;
// Uncaught TypeError: Assignment to constant variable.

[TUNISIA-user]

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

const handleClick =()=> setCount((prev)=>prev+1)

}