AddItem.js

import React, { Component } from "react";
import { Form, Button } from "semantic-ui-react";

const AddItem = props => {
  return (
    <Form>
      <Form.Input
        label="Enter Item Name"
        type="text"
        required={true}
        value={props.item}
        name="item"
        onChange={props.handleChange}
        placeholder="Item Name"
      />
      <Form.Input
        label="Enter Amount"
        type="number"
        required={true}
        value={props.amount}
        name="amount"
        onChange={props.handleChange}
        placeholder="Amount"
      />
      <Button primary>Add</Button>
    </Form>
  );
};

export default AddItem;