Quest 010 - Homer-s-odyssey

SignUp.js

import React, { Component } from 'react';

class SignUp extends Component {
    constructor(props){
    super(props);
        this.state = {
            mail: ""
        };
        this.handleChange = this.handleChange.bind(this);
        
    };

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

    render() {
        return (
            <div className="box">
                
                <h1>This is : {this.state.mail}</h1>
                    <input 
                        type="text" 
                        name="mail" 
                        onChange={this.handleChange}
                    />
            </div>
        );
    }
}

export default SignUp;