如何将数组中的单个博客 [当前索引] 项作为每个博客文章的模板呈现到此函数中？

Question

我想要博客数组中的每个项目 = [1, 2, 3, 4] 以及生成的 /blog/blog.date

在此 blogPost 函数中呈现为模板。但只显示从缩略图主页点击的单个项目。

这里是我的函数，当我将它硬编码到一个集合索引时，它会正确显示所有信息，即 const blog = blogs[1]，但是只有当它被从 main 中单击时才会呈现该博客信息。不是匹配的博客索引。

function BlogPost() {
    //this part is all the items in the array, but i just want it to render the single current index at a time.
  const blog = [blogs[0], blogs[1], blogs[2], blogs[3], blogs[4]];
    
    for (let i = 0; i < blogs.length; i++) {
      console.log(`Blog at index ${i}: ${blogs[i]}`);
    }

  //in case there are no blogs
  if (!blog) {
    return null; 
  }

当单击此处的缩略图 img 时：

function blogMain() {
.....
          {blogs?.slice(0, visible).map((blog, index) => (
            <Link to={`/blog/${blog.slug}`}>
            <Thumbnails key={index} blog={blog} index={index + blogs.length} />
            </Link>
          ))}
...

它应该将 BlogPost 函数中指向/blog/${blog.slug} 的单个链接呈现为单个帖子模板