类型 'boolean | 中不存在属性 'key'反应儿童 |反应片段 |反应门户'

我有一个 React.ReactNode 数组:

array.push(
      <Grid key={content.id} item xs={12}>
        <Paper>
          <Border>
            {content}
          </Border>
        </Paper>
      </Grid>
    );

我想映射它并获取密钥:

     <List dense={true}>
       {array.map((group) => (
         <ListItem key={group.key}>
           {group}
           {console.log(group.key)}
         </ListItem>
       )}
     </List>

但出现以下错误:

对象可能是 'null' 或 'undefined';

属性“key”在类型“boolean”上不存在 |反应儿童 |反应片段 | ReactPortal'。

'string' 类型不存在属性 'key'。

q306400986 回答:类型 'boolean | 中不存在属性 'key'反应儿童 |反应片段 |反应门户'

我在这里看到的唯一问题是 {content},因为您在上面使用了 {content.id},所以我怀疑 content 是一个对象。因此,您应该有一个类似 {content.val} 的属性。

我尝试了您的更改,我能够正确地看到 key

https://codesandbox.io/s/vibrant-jackson-08ii8?file=/src/App.js

本文链接:https://www.f2er.com/10863.html

大家都在问