过滤器内的映射reactjs

Question

我尝试映射内部过滤器这是我的代码{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>                      ))}我可以映射 user.favorite，这样我就不需要手动添加吗？

Answer 1

您可以检查数组是否user.favorite包含该ids._id值。

{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>

  )

)}