过滤器内的映射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(&nbsp; (item, index) => (&nbsp; &nbsp; <div&nbsp; &nbsp; &nbsp; className="row-queue"&nbsp; &nbsp; &nbsp; key={index}&nbsp; &nbsp; &nbsp; // onClick={() => handleClick(item, index)}&nbsp; &nbsp; >&nbsp; &nbsp; &nbsp; <div className="column1-queue">{index + 1}</div>&nbsp; &nbsp; &nbsp; <div className="column2-queue">{item.title}</div>&nbsp; &nbsp; &nbsp; <div className="column3-queue">{item.singer}</div>&nbsp; &nbsp; </div>&nbsp; ))}