render() {
        if (this.state.movies === null) return (
            <div className="genres_movie_list"></div>
        );                    
        return (
            <div className="genres_movie_list">
                <h1>{this.state.genres_type.toUpperCase()}</h1>
                <div className="movie_list">
                    <div className="movies_card_wrapper">
                        {this.state.movies}
                    </div>
                </div> 
            </div>           
        )
    }
// When state changes, this div will get re-rendered with usr cards 
When state changes, this div will get re-rendered with usr cards
When state changes this div will get re - rendered with usr cards
render() {
        if (this.state.movies === null) return (
            <div className="genres_movie_list"></div>
        );                    
        return (
            <div className="genres_movie_list">
                <h1>{this.state.genres_type.toUpperCase()}</h1>
                <div className="movie_list">
                    <div className="movies_card_wrapper">
                        {this.state.movies}
                    </div>
                </div> 
            </div>           
        )
    }
render ( ) { if ( this . state . movies === null ) return ( < div className = "genres_movie_list" > < / div > ) ; return ( < div className = "genres_movie_list" > < h1 > { this . state . genres_type . toUpperCase ( ) } < / h1 > < div className = "movie_list" > < div className = "movies_card_wrapper" > { this . state . movies } < / div > < / div > < / div > ) }
When state changes, this div will get re-rendered with usr cards
When state changes this div will get re - rendered with usr cards