React-router是一个流行的JavaScript库，用于构建用户友好的单页应用程序。它提供了一种简单而强大的方式来管理应用程序的不同URL路径。React-router中的location.state是一个非常有用的属性，它可以让开发者在不同的路由之间传递数据。在本文中，我们将探讨location.state的类型或接口，并通过一个案例代码来演示其使用方法。

// MoviesList.js
import React from 'react';
import { Link } from 'react-router-dom';
const movies = [
  { id: 1, title: 'Movie 1', description: 'Description 1' },
  { id: 2, title: 'Movie 2', description: 'Description 2' },
  { id: 3, title: 'Movie 3', description: 'Description 3' },
];
const MoviesList = () => {
  return (
    
      
Movies List
      {movies.map(movie => (
                  key={movie.id}
          to={{
            pathname: `/movies/${movie.id}`,
            state: { movie },
          }}
        >
          {movie.title}
        
      ))}
    
  );
};
export default MoviesList;

// MovieDetail.js
import React from 'react';
const MovieDetail = ({ location }) => {
  const { movie } = location.state;
  return (
    
      
{movie.title}
      
{movie.description}
    
  );
};
export default MovieDetail;