Map inside filter reactjs

Question

I try to map inside filter

This is my code

{Searchfile.filter(
                        (ids) =>
                          ids._id === user.favorite[0] ||
                          ids._id === user.favorite[1] ||
                          ids._id === user.favorite[2] ||
                          ids._id === user.favorite[3] ||
                          ids._id === user.favorite[4] ||
                          ids._id === user.favorite[5]

                        // user.favorite.map((item, index) => ids._id === item)
                      ).map((item, index) => (
                        <div
                          className="row-queue"
                          key={index}
                          // onClick={() => handleClick(item, index)}
                        >
                          <div className="column1-queue">{index + 1}</div>
                          <div className="column2-queue">{item.title}</div>
                          <div className="column3-queue">{item.singer}</div>
                        </div>
                      ))}

Can I Map user.favorite, so I don't need to add manually?

Answer 1

You can check if the user.favorite array includes the ids._id value.

{Searchfile.filter((ids) => user.favorite.includes(ids._id)).map(
  (item, index) => (
    <div
      className="row-queue"
      key={index}
      // onClick={() => handleClick(item, index)}
    >
      <div className="column1-queue">{index + 1}</div>
      <div className="column2-queue">{item.title}</div>
      <div className="column3-queue">{item.singer}</div>
    </div>
  )
)}