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: ""
  };
  render() {
    return (
      <Container>
        <Header as="h1" className="centered">
          Shopping List App
        </Header>
        <AddItem item={this.state.item} amount={this.state.amount} />
      </Container>
    );
  }
}
export default App;