Favorite food

FavoriteFood.js

import React, { useState } from 'react';

function FavoriteFood() {
  const [favoriteFood, setFavoriteFood] = useState('');
  
  const handleChange = (event) => {
    setFavoriteFood(event.target.value);
  }

  return (
    <form>
      <label htmlFor="favorite-food">Favorite food</label>
      <input id="favorite-food" type="text" onChange={handleChange} value={favoriteFood}  />
      <button disabled={!favoriteFood}>Add Food</button>
    </form>
  );
}

export { FavoriteFood };