Как правильно передать props

Мне нужно чтобы по нажатию на карточку с фильмом переходило на страницу где будет больше деталей про этот фильм. Как правильно я должен передать props чтобы потом их вытянуть на странице about.

JSX

import React from "react";
import './homepage.scss';
import { Link } from "react-router-dom";
class Homepage extends React.Component{
    constructor(props){
        super(props);
        this.state = {
            "results" : []
        }
        this.getRate();
    }
    getRate = () =>{
        fetch("https://api.themoviedb.org/3/movie/popular?api_key=6f7c9fe2b5229b4b0b6dbe66fed3ef18&language=en-US&page=1")
            .then(films => {
                return films.json();
            })
            .then(films => {  
               this.setState({results:  films.results});
            });
        }  
    render(){
        return(
            <div className='homepage'>
                    {this.state.results.map((value, index)=>{
                        return(
                            <Link to="/about" key={index}>
                                    <div className="filmCard" >
                                        <div className="desc">
                                            <h4>{value.title}</h4>
                                            <p>{value.overview}</p>
                                            <span>{value.release_date}</span>
                                        </div>
                                    </div>
                            </Link>
                        )
                        })}
            </div>
        );
    }
}
export default Homepage;

Спасибо большое