content: import React, { Component } from 'react';
  import './App.css';
  import Table from '../Table/Table';
  import Form from '../Form/Form';
  
  class App extends Component {
  
    state = {
      characters: [],
    }
  
    removeCharacter = index => {
      const { characters } = this.state
  
      this.setState({
        characters: characters.filter((character, i) => {
          return i !== index
        }),
      })
    }
  
    handleSubmit = character => {
      this.setState({ characters: [...this.state.characters, character] })
    }
  
    render() {
      const { characters } = this.state
  
      return (
        <div className="container">
          <Table characterData={characters} removeCharacter={this.removeCharacter} />
          <Form handleSubmit={this.handleSubmit} />
        </div>
      )
    }
  }
  export default App;
  