boîte email (fil rouge)

app.js

import React, { Component } from 'react';
import SignUp from './SignUp.js'

class App extends Component {
  render() {
    return (
      <div>
          <SignUp />
      </div>
    );
  }
}

export default App;

SignUp.js

import React, {Component} from 'react';
class SignUp extends Component {

  constructor(props) {
    super(props);
    this.state = { email : 'Tape ton email' };
    this.updateEmailField= this.updateEmailField.bind(this)
  }

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

  render() {
    return(
      <div>
        <h1>{this.state.email}</h1>
        <input type="email" name="email" value={this.state.value} onChange={this.updateEmailField} />
      </div>
    );
  }
}

export default SignUp;