film.js

import React from 'react'

const Film = (props) => {
    return (
        <div>
            <h3>{props.title}</h3>

            <p>{props.opening_crawl}</p><br />

            <p>{props.director}</p>

            <p>{props.producer}</p>

            <p>{props.release_date}</p>

            <p>{props.characters}</p>

            <p>{props.planets}</p>
            
        </div>
    )
}

export default Film;