Traditional React Component Composition

Form.jsx

import React, { Component } from 'react';
import Form from './Form';
import EmailField from './EmailField';

class App extends Component {
  onValidEmail = () => {}
  onInvalidEmail = () => {}
  
  render() {
    return(
      <Form>
        <EmailField onValidEmail={this.onValidEmail} onInvalidEmail={this.onInvalidEmail} />
      </Form>
    );  
  }
}