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 reactjs : Sélectionner tout - Visualiser dans une fenêtre à part
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 ReactJs : Sélectionner tout - Visualiser dans une fenêtre à part
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.
Partager