[英]How to loop through nested objects in reactjs?
Since this in an object i doing this but it doesn't work. 由于这在一个对象中,我这样做,但它不起作用。 How would I get the 'key' field through a loop? 如何通过循环获取“关键”字段?
<div>
<ul>
{tickets && tickets.issues && Object.keys(tickets.issues).map((issue, i) =>
(
<li key={i}>
Issue number: {tickets.issues.key}
</li>
))}
</ul>
</div>
SOLUTION 解
<div>
<ul>
{this.state.tickets && this.state.tickets.issues && Object.keys(this.state.tickets.issues).map((issue, i) =>
(
<li key={i}>
Issue number: {this.state.tickets.issues[i].key}
</li>
))}
</ul>
</div>
Looking at your response image the key field exists in issues[] but not in fields, so it should be fine just (no nesting required): 查看您的响应图像,关键字段存在于issue []中,但不存在于字段中,因此它应该很好(不需要嵌套):
{ Object.keys(tickets.issues).map((issue, i) => (
<li key={issue.key}>
Issue number: {issue.key}
</li>
))}
If you have the key in fields (not expanded in the image) 如果您在字段中输入了密钥(在图像中未展开)
{ Object.keys(tickets.issues).map((issue, i) => (
Object.keys(issue.fields).map(field=>(
<li key={field.key}>
Issue number: { field.key }
</li>
)
))}
tickets.issues
is an Array of Objects, so: tickets.issues
是一个对象数组,因此:
const { issues } = tickets;
issues.map(issue => console.log(issue.key));
A simple solution 一个简单的解决方案
<div>
<ul>
{tickets && tickets.issues && Object.keys(tickets.issues).map((issue, i) =>
(
<li key={i}>
Issue number: {tickets.issues.key}
</li>
))}
</ul>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.