我是否错误地定义了这个变量？“参考错误：格式未定义”

Question

在我看来，我正确定义了这些变量，但我收到了错误format, filetype, filesize, height, and width。错误是“ ReferenceError: {variable name} is not defined”。名称和位置不会出现此问题，它只会影响变量format以及随后在对象中声明的所有其他变量meta。

我正在尝试构建一个组件并传递道具。以下是相关代码片段：

AdminGalleryTile.propTypes = {

  onPress: func,

  onSelectPress: func,

  selected: bool,

  meta: shape({

    name: string,

    location: string,

    format: string,

    filetype: string,

    filesize: number,

    height: number,

    width: number,

  }),

};

export default function AdminGalleryTile({

  onPress = () => {},

  onSelectPress = () => {},

  selected,

  style,

  source,

  meta = {name, location, format, filetype, filesize, height, width},

}) {

  return (...);}

              <AdminGalleryTile

                style={style.GalleryTile}

                source={item.uri}

                name="Do I look like I know what a jpeg is?"

                location="Hank Hill"

                format="image"

                filetype="JPG"

                filesize="420 kb"

                height="1080"

                width="1920"

                selected={selection.find((s) => s.uri === item.uri)}

                onSelectPress={() => toggleSelect(item)}

              />

Answer 1

您应该使用metaobject 而不是使用 的每个键meta。<AdminGalleryTile&nbsp; style={style.GalleryTile}&nbsp; source={item.uri}&nbsp; meta={{&nbsp; &nbsp; name: 'Do I look like I know what a jpeg is?',&nbsp; &nbsp; location: 'Hank Hill',&nbsp; &nbsp; format: 'image',&nbsp; &nbsp; filetype: 'JPG',&nbsp; &nbsp; filesize: '420 kb',&nbsp; &nbsp; height: '1080',&nbsp; &nbsp; width: '1920'&nbsp; }}&nbsp; selected={selection.find((s) => s.uri === item.uri)}&nbsp; onSelectPress={() => toggleSelect(item)}/>另外，您似乎想meta在函数参数中传播对象AdminGalleryTitle。但目前，您正在为该对象设置默认值。更改以下行meta = {name, location, format, filetype, filesize, height, width},到meta: { name, location, format, filetype, filesize, height, width }

Answer 2

根据您的类型，您应该meta在传递顶层道具时传递一个对象：<AdminGalleryTile&nbsp;meta={{&nbsp;name,&nbsp;location,&nbsp;...&nbsp;}}&nbsp;/>