ReactJS - Karte innerhalb einer Karte
Arbeite ich an einem ReactJS & Redux app. Irgendwann habe ich eine Liste von Elementen (Notizen), jeder von Ihnen mit einem array (Teilaufgaben). Ich möchte zum anzeigen aller Elemente, und für jedes von Ihnen, die Anzeige der Inhalte in Ihrer Anordnung.
Habe ich versucht, dieses :
render(){
return(
<div>
<h3>{this.props.match.params.user}'s board</h3>
<Link to={`/settings/${this.props.match.params.user}`}>
<button>Settings</button>
</Link>
<Link to={`/new/${this.props.match.params.user}`}>
<button>Add note</button>
</Link>
{
this.props.notes.map((item,index) =>
<Link to={`/details/${item.name}`}>
<h4 key={index}>{item.name}</h4>
item.subtasks.map((sub, subindex)=>
<p key={subindex}>{sub}</p>)
</Link>
)
}
</div>
);
}
Aber ich bekam:
Uncaught ReferenceError: subindex ist nicht definiert
Was ist der richtige Weg, es zu tun?
- JavaScript eingebettet JSX muss immer gewickelt werden, in
{}
Du musst angemeldet sein, um einen Kommentar abzugeben.
Müssen Sie wrap zweiten
map
innerhalb{}
Klammern, wie dies