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

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

  style={style.GalleryTile}

  source={item.uri}

  meta={{

    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)}

/>

另外，您似乎想meta在函数参数中传播对象AdminGalleryTitle。但目前，您正在为该对象设置默认值。

更改以下行

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

到

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

Answer 2

根据您的类型，您应该meta在传递顶层道具时传递一个对象：

<AdminGalleryTile meta={{ name, location, ... }} />