Question

我正在尝试以不同的视图来呈现帖子，例如我希望它以标题和图像以及其他标题和摘录来查看的最新帖子。我不确定如何找到这种方式的一种方法是通过切片像这样的循环。

import React from 'react'
import PostPreview from './PostPreview/PostPreview';

export default function RenderPost(props) {
  return (
    <div>
        {props.posts && props.posts.edges.slice(0, 1).map(post => (
            <PostPreview
                id={post.node.id}
                key={post.node.id}
                title={post.node.title}
                imageUrl= {post.node.featuredImage.sourceUrl}
            />
        ))}
    </div>
  )
}

我正在从wordpress / graphql获取数据。

但是我不确定这是否正确。这样，我想我需要将发布数据从单个父元素传递到我猜的两个不同组件。有更好的解决方案吗？

Answer 1

您只需在map函数之前使用props.posts.reverse（）。

请参阅以下链接。 React: Given an array, render the elements in reverse order efficiently

如何过滤或排序reactjs中的最新帖子

1 个答案: