Some basic state changes

1 files changed, 21 insertions, 1 deletions

diff --git a/index.js b/index.js
index 73d47e6..df632d8 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,24 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
 
-ReactDOM.render(<h1>Hello World</h1>, document.getElementById('root'))
+class Qrgen extends React.Component {
+
+    constructor (props) {
+        super(props)
+        this.state = {
+            'text': 'abcde'
+        }
+    }
+
+    render () {
+        return <div id='root'>
+            <h1>qrgen</h1>
+            <input type='text' value={this.state.text} onChange={(e) => {
+                this.setState({ text: e.target.value })
+            }}></input>
+            <p>{this.state.text}</p>
+        </div>
+    }
+}
+
+ReactDOM.render(<Qrgen />, document.getElementById('root'))