项目不显示从数组 [反应]答案

【问题标题】：Items don't show from array项目不显示从数组 [反应]
【发布时间】：2022-10-14 00:43:19
【问题描述】：

我正在使用反应 js。我尝试用对象映射一个数组并从数组 {1: Array(8), 2: Array(1)} 中输出每个对象的名称

Object.entries(data).map(([key, value]) => (
      <Grid item key={cuid()} lg={4} sm={6} xs={12}>
          <Typography variant="subtitle1">{key}</Typography>
          {value.forEach((item) => {
                
                <Typography variant="subtitle1">{item.name}</Typography>
          })}
      </Grid>
      
    ))

item.name 未显示在我的网页上。我应该纠正什么？

【问题讨论】：

您可以粘贴值内内容的控制台日志吗

标签： javascript reactjs arrays react-native

【解决方案1】：

您可以将 JSX 视为“总是返回一些东西”。你是mapping over value，并且由于 forEach 没有返回任何内容，因此您什么也看不到。使用map 而不是forEach

{value.map((item) => {
 return <Typography variant="subtitle1">{item.name}</Typography>
 }

【讨论】：