Item.jsx

Item.jsx

const Item = React.memo(function Item({ id, value, isSaving, onChange, onSave }) {
  if (isSaving) {
    return <li>Saving...</li>;
  }

  return (
    <li>
      <input 
        value={value} 
        onChange={(event) => onChange(event.target.value)} 
      />
      <button onClick={onSave}>Save</button>
    </li>
  );
});