Gift for Le Var

Profile.js

import React, { Component } from "react";
const users = {
    1: {
        id: 1,
        name: "Jane Cruz",
        userName: "coder"
    },
    2: {
        id: 2,
        name: "Matthew Johnson",
        userName: "mpage"
    },
    3: {
        id: 3,
        name: "Autumn Green",
        userName: "user123"
    },
    4: {
        id: 4,
        name: "John Doe",
        userName: "user123"
    },
    5: {
        id: 5,
        name: "Lauren Carlson",
        userName: "user123"
    },
    6: {
        id: 6,
        name: "Nicholas Lain",
        userName: "user123"
    }
};
const movies = {
    1: {
        id: 1,
        name: "Planet Earth 1"
    },
    2: {
        id: 2,
        name: "Selma"
    },
    3: {
        id: 3,
        name: "Million Dollar Baby"
    },
    4: {
        id: 4,
        name: "Forrest Gump"
    },
    5: {
        id: 5,
        name: "Get Out"
    }
};


export class Profile extends Component {
    render() {
        const theMovie = movies[this.props.profile.favoriteMovieID].name;
        const theName = users[this.props.profile.userID].name;
        return <p> {`${theName} likes ${theMovie}`} </p>;
    }
}

Profile_func.js

import React from "react";
const users = {
    1: {
        id: 1,
        name: "Jane Cruz",
        userName: "coder"
    },
    2: {
        id: 2,
        name: "Matthew Johnson",
        userName: "mpage"
    },
    3: {
        id: 3,
        name: "Autumn Green",
        userName: "user123"
    },
    4: {
        id: 4,
        name: "John Doe",
        userName: "user123"
    },
    5: {
        id: 5,
        name: "Lauren Carlson",
        userName: "user123"
    },
    6: {
        id: 6,
        name: "Nicholas Lain",
        userName: "user123"
    }
};
const movies = {
    1: {
        id: 1,
        name: "Planet Earth 1"
    },
    2: {
        id: 2,
        name: "Selma"
    },
    3: {
        id: 3,
        name: "Million Dollar Baby"
    },
    4: {
        id: 4,
        name: "Forrest Gump"
    },
    5: {
        id: 5,
        name: "Get Out"
    }
};

export const Profile = function(props) {
    const theMovie = movies[props.profile.favoriteMovieID].name;
    const theName = users[props.profile.userID].name;
    return <p> {`${theName} likes ${theMovie}`} </p>;
};