mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
c486682b44
* Fix with-relay-modern example Starting with react-relay 1.5.0 the schema canno't be in the same dir as the src. This can be fixed by excluding the schema dir. Globs should also be inside quotation marks, to avoid non-deterministic behavior of different shells. * Add missing key on BlogPosts
30 lines
730 B
JavaScript
30 lines
730 B
JavaScript
import React from 'react'
|
|
import { createFragmentContainer, graphql } from 'react-relay'
|
|
import BlogPostPreview from './BlogPostPreview'
|
|
|
|
const BlogPosts = props => {
|
|
return (
|
|
<div>
|
|
<h1>Blog posts</h1>
|
|
{props.viewer.allBlogPosts.edges.map(({ node }) =>
|
|
<BlogPostPreview key={node.id}post={node} />
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default createFragmentContainer(BlogPosts, {
|
|
viewer: graphql`
|
|
fragment BlogPosts_viewer on Viewer {
|
|
allBlogPosts(first: 10, orderBy: createdAt_DESC) {
|
|
edges {
|
|
node {
|
|
...BlogPostPreview_post
|
|
id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`
|
|
})
|