React Amazon clone

Moralis General
#1

Dear support,

Iā€™m following the video on your channel:

I git-cloned the project from GH, no problem.
However, there is an important function that is not implemented (yet): The search bar is not working.
I know this is React, and this is not entirely connected to web3 but Iā€™d greatly appreciate it if you point me in the direction to solve this.

The search bar code is implemented in the header.js component:

<Search
              placeholder="Find A Product"
              enterButton
              className = "searchBar"
              onSearch= ###Here is where I have to code the function to search
            />

In the tutorial, all the books of the web3 store are stored in the file books.js , and this is the format:

export const books = {
  Comics: [
    {
      
      name: "The Amazing Spiderman By Nick Spencer Vol. 1: Back To Basics (MARVEL ORIGINAL COMIC)",
      price: 0.1,
      rating: 4,
      image: Spidey1,
      about:
        "An alien invasion attacks New York City and the only one who can stop it is...Spider-Man?! But that's far from all you'll find here - a revelation from the past puts Peter Parker's job, relationships and whole life in jeopardy! And if even that's not enough, you'll see a new roommate, new love interests and a new villain!",
    },

How can I develop the search functionality for this script? In newbie friendly mode :wink:

Any help is much appreciated.

#2

Hey @dawveed

Check this out for search bar: https://dev.to/salehmubashar/search-bar-in-react-js-545l

Let me know if it helps