INNER CODE UNIT · JavaScript

App

HuXn-WebDev/THE-BIGGEST-REACT-COURSE-ON-THE-INTERNET · 03. Beginners Projects/10. E-Commerce Advance Filtering/src/App.js:11

function App() {
  const [selectedCategory, setSelectedCategory] = useState(null);

  // ----------- Input Filter -----------
  const [query, setQuery] = useState("");

  const handleInputChange = (event) => {
    setQuery(event.target.value);
  };

  const filteredItems = products.filter(
    (product) => product.title.toLowerCase().indexOf(query.toLowerCase()) !== -1
  );

  // ----------- Radio Filtering -----------
  const handleChange = (event) => {
    setSelectedCategory(event.target.value);
  };

View source record →