如何在列表项文本中显示数组元素
如何在列表项文本中显示数组元素
提问于 2020-06-08 11:13:08
我是个新手。我使用ListIemText在屏幕上显示值。我的问题是如何使用列表项文本来显示列表中数组的所有元素。
下面是代码。Kpi_Before是数组元素。
<MuiThemeProvider theme={theme}>
<React.Fragment>
<AppBar size>Confirm Information</AppBar>
<br />
<br />
<List>
<ListItemText primary="Title" secondary={Title} />
<ListItemText
primary="Details of Best Practice"
secondary={Details}
/>
<ListItemText
primary="What is the Best Practice"
secondary={What}
/>
<ListItemText
primary="Why was the Best Practice Implemented"
secondary={Why}
/>
<ListItemText
primary="How was the Best Practice Implemented"
secondary={How}
/>
<ListItemText primary="Implementation Status" secondary={Status} />
<ListItemText primary="Cost of Implementation" secondary={Cost} />
<ListItemText
primary="Benefits of the Best Practice"
secondary={Benefits}
/>
<ListItemText
primary="Time taken for Implementation"
secondary={Time}
/>
<ListItemText
key={idx}
primary="KPI Before Implementation"
secondary={Kpi_Before}
/>
<ListItemText primary="UOM_Before" secondary={UOM_Before} />
<ListItemText primary="Base_Before" secondary={Base_Before} />
<ListItemText primary="Base_Before" secondary={Target_Before} />
<ListItemText primary="Target Date" secondary={dateTime} />
</List>
</React.Fragment>
</MuiThemeProvider>回答 1
Stack Overflow用户
发布于 2020-06-08 11:32:16
如果我明白你想要什么的话。你可以这样做：
<div>
<ul>{Kpi_Before.map(item => <li key={item}> {item} </li>)}</ul>
</div>这将遍历Kpi_Before数组。当在React中使用.map时，你应该为每一项都有一个键，以便你需要引用它来使用.filter或其他方法删除它，React可以找到它。如果由于某种原因，数组中的值相等，则可以这样做：
<div>
<ul>{Kpi_Before.map(item => <li key=Date.now()> {item} </li>)}</ul>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62254432
复制相关文章
相似问题
腾讯云开发者
