“从不”类型上不存在属性“id”。 打字稿

Question

我试图从 JSON api 显示图像，然后将其显示到页面，我成功地做到了，但是由于某种原因，当我转到页面时，我得到了这个错误

Property 'id' does not exist on type 'never'.
Property 'url' does not exist on type 'never'.
Property 'title' does not exist on type 'never'.

这是代码

 const App = () => {
 const [images, setImages] = useState([]);
 useEffect(() => {
 fetch('https://api.thecatapi.com/v1/images/search?breed_id=abys')
  .then(res => res.json())
  .then(json => setImages(json))
  .catch(err => console.log(err));
}
, []);
return (
<Fragment>
  <div className="App">
    <h1>Image Gallery</h1>
    <div className="image-container">
      {images.map(image => (
        <Image key={image.id} image={image.url} alt={image.title} />
      ))}
    </div>
  </div>
</Fragment>
);
}

Answer 1

您尚未在useState中声明image类型

const [images, setImages] = useState([]);

所以它被认为是类型never 。

你应该做的是添加一个接口，例如IImage然后在你的useState中声明它

export default interface IImage {
  id: number
  url: string
  title: string
}

const [images, setImages] = useState<IImage[]>([]);