Question

我是使用Reactjs打字的新手。在这里，我试图显示来自数据文件的数据，如下所示。

此后，我将获取具有相同id的对象，并在屏幕上显示该对象，因为我使用了这样的对象分解功能。

这里的类型脚本在抱怨我添加的类型，但错误仍然存在。

错误类型'{id：数字； img：任何； title：字符串字幕：字符串；价格：数量； } |未定义”无法分配给“ DataProps”类型。无法将“未定义”类型分配给“数据属性”类型。

   interface DataProps {
      img: ImageSourcePropType;
    
      title: string;
      subtitle: string;
    }
    
        const productId = route.params.productId;
          const dataDisplay = data.find((el, index) => {
   

          if (el.id !== productId) {
      return undefined;
    } else {
      return el.id === productId;
    }
          });
        
          const { img, title, subtitle }: DataProps = dataDisplay;  <--- here typescript is complaining about

dummydata.ts

 export const data = [
      {
        id: 1,
        img: require("../../assets/food-1.png"),
        title: "Pizza",
        subtitle: "With Beef Mushroom",
        price: 12,
      },
      {
        id: 2,
        img: require("../../assets/food-2.png"),
        title: "Pizza",
        subtitle: "With Beef Mushroom",
        price: 12,
      },

无法将类型'undefined'分配给类型'DataProps'

0 个答案: