Mettre une condition sur le dernier élément ajouté
Bonjour,
je débute sur ReactJs et je voudrait faire un truc tout simple ( que je peut faire en javascript ) mais
pas évident sur reactJs pour un débutant.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
class Movie extends React.Component {
render() {
const {title, year, synopsis, director, posterUrl, casting} = this.props;
return (
<div className = "movie-item">
<h2>{title}</h2>
<div class="content">
<p>{year}</p>
<p>{synopsis}</p>
<p>{director}</p>
<ul>
{posterUrl.map(p =>
<Poster
urls={p}
/>
)
}
</ul>
<ul>
{casting.map( c =>
<Casting actor={c} />
)}
</ul>
</div>
</div>
)
}
} |
un composant classique et pour le composant Casting:
Code:
1
2
3
4
5
6
7
8
9
10
|
class Casting extends React.Component {
render() {
return (
<li> {this.props.actor} / </li>
)
}
}
export default Casting; |
qui m'affichera tous les acteurs d'un film.
J'ai au début les imports qui vont bien et tout fonctionne !
Mais les / qui séparent les acteurs des films: je voudrais que pour le dernier acteur de la liste, il n'y ait pas de / à la fin
Il faudrait déjà que je sache comment faire un rendu conditionnel avec ReactJS et où.
Si je pouvais avoir quelques pistes de reflexion et des liens.
Merci,
Laurent.
