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 {}
Schreibe einen Kommentar