import React, { Component } from 'react';
import './App.css';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {value: ''};
    
    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {
    this.setState({value: event.target.value});
  }

  handleSubmit(event) {
    alert('Please wait');
    event.preventDefault();
  }


  render() {
    return (
      <div className="App">
        <header className="App-header">
            <h1 className="App-title">welcome to malusers</h1>
        </header>

        <div className="App-intro">
            <form onSubmit={this.handleSubmit} >
            <input type="text" placeholder="User name" value={this.state.value} onChange={this.handleChange}/>
            <input type="submit" value="Submit"/>
            </form>
        </div>
      </div>
    );
  }
}

export default App;

@@ -145,16 +145,17 @@
 tate = %7B
+ 
 value: '
@@ -159,15 +159,12 @@
 : ''
+ 
 %7D;%0A
-    
 %0A   
@@ -316,16 +316,17 @@
 tState(%7B
+ 
 value: e
@@ -342,16 +342,17 @@
 et.value
+ 
 %7D);%0A  %7D%0A
@@ -435,17 +435,16 @@
 );%0A  %7D%0A%0A
-%0A
   render
@@ -539,18 +539,16 @@
         
-  
 %3Ch1 clas
@@ -655,18 +655,16 @@
         
-  
 %3Cform on
@@ -689,17 +689,16 @@
 eSubmit%7D
- 
 %3E%0A      
@@ -713,20 +713,48 @@
 nput
- type=%22text%22
+%0A              type=%22text%22%0A             
  pla
@@ -773,16 +773,30 @@
 er name%22
+%0A             
  value=%7B
@@ -812,16 +812,30 @@
 e.value%7D
+%0A             
  onChang
@@ -855,16 +855,29 @@
 eChange%7D
+%0A            
 /%3E%0A     
@@ -918,21 +918,20 @@
 %22Submit%22
+ 
 /%3E%0A
-  
         

Fix prettier errors