INNER CODE UNIT · JavaScript

handleInputChange

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

  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);
  };

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

View source record →