Javascript props.images.map不是函数（函数组件）

目前这两个组件都是子组件，所以我想在这里实现的是将道具从搜索组件传递到图像组件。因为我在函数组件中编写了所有内容，所以我认为这可能是一个适合我的好地方

当用户在输入字段中输入内容时，它将自动搜索新图像。为了让您更好地理解我的问题，我将在这里放置一个到Codesandbox的链接。因此，我想将道具传递给同级组件，这样它将输出过滤后的搜索结果

---

因此，您只需要查看以下文件：Search.js、Images.js

确保您的

图像

道具实际上是一个数组。你能做一些调试来弄清楚你的

图像

对象实际上是什么吗

使用propTypes是获得react帮助的一种方式，如果它可以为空（即不需要

isRequired

），则在其上使用防护：

import React from "react";
import PropTypes from 'prop-types';
import Image from "./Image";

const propTypes = {
  images: PropTypes.arrayOf(
    PropTypes.shape({
      id: PropTypes.string.isRequired, // used as key
      src: PropTypes.string.isRequired, // used for image source
      <... other object properties ...>
    })
  ),
};

const Images = ({ images }) => {
  const images = images && images.map((image) => {
    return <Image key={image.id} image={image}/>
  });

  return <div className="images">{images}</div>;
}

Images.propTypes = propTypes;

export default Images;

从“React”导入React；
从“道具类型”导入道具类型；
从“/Image”导入图像；
常量属性类型={
图像：PropTypes.arrayOf(
PropTypes.shape({
id:PropTypes.string.isRequired，//用作键
src:PropTypes.string.isRequired，//用于图像源
})
),
};
常量图像=（{Images}）=>{
const images=images&&images.map（（图像）=>{
返回
});
返回{images}；
}
Images.propTypes=propTypes；
导出默认图像；

如果

props.images

是数组，则图像属性不是数组检查

Array.isArray（props.images）和&props.images.map

我猜图像是嵌套层次结构中的。请使用

props.images.images

images:Array（0）}images:[]\uuuuuuu proto\uuuuuu:Object