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} /&nbsp; </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.