React Playground

Sign In

Sign Up

FILES

src

App.jsx

index.jsx

style.css

index.html

package.json

Items: 0

PACKAGES

react

18.0.0

react-dom

18.0.0

Items: 0

App.jsx

index.jsx

style.css

1

2

3

4

5

6

7

8

9

10

11

12

13

14

import React from 'react';
const {useState} = React
function Stateful({label}) {
  const [value, setValue] = useState('');
  console.log("rendering Stateful", {label, value});
  return <div>
    <label>
      {label}
      <input value={value} onInput={ev=>setValue(ev.target.value)} />
    </label>
  </div>;
}

Console

Web View

?

1

Share

Share to web

Allow editing

Help & support guide

Discord

PlayCode v2025.5.15

Clear on Run

Scroll to End

Restart

Ctrl + R

Hard Restart

Ctrl + ⇧ + R

Live View

Live View Delay

Loop Protection

Run on Opening

Deployment

https://1529709.playcode.io

Share to web

Share website with anyone

.playcode.io

Need help to setup custom domain? Click here.

Zoom

White Background

100