feat: add live-paragraph.jsx solution

kaylakremer · kaylakremer · commit 04d8498b4dc6 · 2024-01-20T01:30:26.000-05:00
diff --git a/solutions/live-paragraph.jsx b/solutions/live-paragraph.jsx
@@ -0,0 +1,19 @@
+import React, { useState } from "react"
+import { createRoot } from "react-dom/client"
+
+function LiveText() {
+    const [text, setText] = useState("")
+
+    const onChange = ({ target: { value } }) => {
+        setText(value)
+    }
+    return (
+        <>
+            <input type="text" onChange={onChange} value={text} />
+            <p>{text}</p>
+        </>
+    )
+}
+
+const root = createRoot(document.getElementById("root"))
+root.render(<LiveText />)
