Как я могу отфильтровать или отсортировать последние сообщения в реагировать

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

Вы просто используете props.posts.reverse () перед функцией карты.

См. Следующую ссылку. Реакция: Для данного массива эффективно визуализировать элементы в обратном порядке