App.js

import React, { Component } from "react";
import { Container, Header } from "semantic-ui-react";
import AddItem from "./AddItem";
class App extends Component {
  state = {
    items: [],
    item: "",
    amount: ""
  };
  handleChange = e => {
    this.setState({
      [e.target.name]: e.target.value
    });
  };
  render() {
    return (
      <Container>
        <Header as="h1" className="centered">
          Shopping List App
        </Header>
        <AddItem
          item={this.state.item}
          amount={this.state.amount}
          handleChange={this.handleChange}
        />
      </Container>
    );
  }
}
export default App;