Javascript 使用其他数组筛选数组对象

我想显示在技能数组中过滤的项目，例如，如果我选择“HTML”，则在项目数组技能中显示所有带有“HTML”的项目。如果我选择了两个技能，则显示具有两个技能的项目

我的项目有以下数据：

const data = [
  {
    id: "1",
    name: "project1",
    techno: ["JAVASCRIPT", "REACTJS"],
    imageUrl: "link",
  },
  {
    id: "2",
    name: "project2",
    techno: ["HTML", "CSS", "SASS"],
    imageUrl: "link",
  },
  {
    id: "3",
    name: "project3",
    techno: ["JAVASCRIPT", "HTML"],
    imageUrl: "link",
  }
];

还有我的arrayFilter

const filter = ["JAVASCRIPT", "HTML", "CSS"];

目前，我有以下代码：

 data
  .filter((filter) => filter.techno.includes(filter[0]))
  .map(({ id, ...otherProps }) => (
     <ProjectItem key={id} {...otherProps} />
     ))

数据
.filter（（filter）=>filter.techno.includes（filter[0]））
.map（{id，…otherProps}）=>(
))

感谢您的帮助

您可以使用

const数据=[
{
id:'1'，
名称：“项目1”，
techno:['JAVASCRIPT'，'REACTJS'，]，
imageUrl:'链接'，
},
{
id:'2'，
名称：“项目2”，
技术：['HTML'，'CSS'，'SASS']，
imageUrl:'链接'，
},
{
id:'3'，
名称：“项目3”，
技术：['JAVASCRIPT'、'HTML'、'REACTJS']，
imageUrl:'链接'，
},
];
const filter=['JAVASCRIPT'，'REACTJS']；
const result=data.filter（d=>filter.every（t=>d.techno.includes（t））；
控制台日志（结果）有什么问题？您的代码似乎尚未完成，但您正走在正确的道路上，问题是什么？