react-context-example-05

Items.js

import React, { useState } from "react";

export function NewItem({ add }) {
  const [text, setText] = useState("");

  return (
    <div className="Item">
      <input
        type="text"
        placeholder="New Task"
        value={text}
        onChange={e => setText(e.target.value)}
      ></input>
      <button onClick={() => add(text)}>Add</button>
    </div>
  );
}

// Rest of the components