Filtern eines String-Arrays für Suchvorschläge

import React, { useState } from 'react';
 
function SearchList({ items }) {
  const [query, setQuery] = useState('');
 
  const matchingItems = items.filter((item) =>
    item.toLowerCase().includes(query.toLowerCase())
  );
 
  return (
    <div>
      <input
        type="text"
        value={query}
        onChange={(e) => setQuery(e.target.value)}
        placeholder="Search..."
      />
      <ul>
        {matchingItems.map((item) => (
          <li key={item}>{item}</li>
        ))}
      </ul>
    </div>
  );
}