Dynamisches Rendern von Karten in React Semantic UI
user4396386
Ich habe meinen Redux-Speicher Requisiten zugeordnet, aber jetzt habe ich Probleme, ihn dynamisch zu rendern. Ich habe auch projectCards(){...}Syntax ausprobiert , aber das war ein totaler Schuss im Dunkeln. In meinen Konsolenprotokollen werden die Objekte so angezeigt, wie ich sie haben möchte. Ich habe es auch versucht projects.map, aber ich glaube nicht, dass ich die Rückgabewerte in ein neues Array einfügen möchte. Ich möchte nur mehr <Card/>Elemente auf der Seite, die dynamisch gerendert werden. Wo bin ich falsch gelaufen? Jede Hilfe wäre dankbar.
Class Projects extends...
.
.
.
projectCards = () => {
if ( this.props.projects.length !== 0 ) {
this.props.projects.forEach((project) => {
return <Card fluid color='green' header={project.name} />
})
}
}
render(){
return(
<Container>
<br/>
<Card.Group>
<Card fluid color='green' header='Option 1' />
<Card fluid color='blue' header='Option 2' />
<Card fluid color='red' header='Option 3' />
{ this.projectCards() }
</Card.Group>
</Container>
)
}
}
Nguyen Sie
Versuche dies:
projectCards = () => {
if ( this.props.projects.length !== 0 ) {
return this.props.projects.map( project =>
<Card fluid color='green' header={project.name} />
)
}
}