how can i achieve different differrent blocks using searchItem in React

i am building a hotel booking application using MERN , and i actually wanted to add different different types of hotel list in page but i dont know how to add i simply copy a single hotel 8 times. but i wanted to add different different hotels in the list, and code is--

```
  <button>Search</button>
      </div>
      <div className='listResult'>
        <SearchItem />
        <SearchItem />
        <SearchItem />
        <SearchItem />
        <SearchItem />
        <SearchItem />
        <SearchItem />
        <SearchItem />
        <SearchItem />
      </div>
    </div>
  </div>
</div>

); };

export default List;

```