时间戳

首页 > 解决方案 > 类型 [] 打字稿上不存在属性

javascript - 类型 [] 打字稿上不存在属性

问题描述

嘿，我正在尝试遍历一个数组并找到一个匹配的值，但是我遇到了一些打字稿问题。当使用 findIndex 函数来描述我的数组中是否存在匹配项时，我收到以下错误。

类型“Main []”上不存在属性“continents”

不完全确定这里发生了什么，我猜我的映射有问题。

接口：

 interface Main {
  continents: Array<Continents>;
}

interface Continents {
  name: string;
  url: string;
  countries?: Array<Countries>;
}

interface Countries {
  name: string;
  url: string;
  states: string | null;
  featuredCities: Array<Cities>;
}

interface Cities {
  name: string;
  url: string;
}

状态：

  const [staticLocationHierarchy, setStaticLocationHierarchy] = useState<Array<Main>>([]);

商业逻辑：

const checkOne = staticLocationHierarchy?.continents.findIndex(
  continents => continents.url === test
);

标签： javascriptreactjstypescript

解决方案

我不确切知道您正在寻找的值，但是，您需要从清理一些变量开始，使您的代码干净将有助于 typescript 知道您想要什么。我刚刚删除并重命名了一些变量我希望它会有所帮助

 interface Continent {
      name: string;
      url: string;
      country?: Country[];
    }
    
    interface Country {
      name: string;
      url: string;
      states: string | null;
      featuredCity: City[];
    }
    
    interface City {
      name: string;
      url: string;
    }
    
    
    const [staticLocationHierarchy, setStaticLocationHierarchy] = useState<Continent[]>([]);
    
    const checkOne = staticLocationHierarchy.filter((continent, index) => {
        return continent.url = test
    })

推荐阅读