AddItem2.js

import React from 'react';
import PropTypes from 'prop-types';

export const AddItem = ({name, price}) => (
 <div className="row justify-content-center">
   <form className="form-inline">
     <input
       type="text"
       className="form-control mb-2 mr-sm-2"
       placeholder="Item"
       value={name}
       name="name"
     />
     <div className="input-group mb-2 mr-sm-2">
       <input
         type="text"
         className="form-control"
         placeholder="Price"
         value={price}
         name="price"
       />
     </div>
     <button type="submit" className="btn btn-primary mb-2 pxy-4">Save</button>
   </form>
 </div>
);

AddItem.propTypes = {
 name: PropTypes.string.isRequired,
 price: PropTypes.string.isRequired,
};