mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
21d5aebd53
In this example, we can: - `QueryRenderer` SSR - caching the data - use the feature of `react-relay-network-modern` which is the powerful tool for `relay-modern` I copy the example `with-relay-modern`, but I just modified the code. Some detail are not modified. If you think this example is needed, I will fix those. Otherwise, close this **PR** to let me know this example is not needed.
32 lines
565 B
JavaScript
32 lines
565 B
JavaScript
import React, { Component } from 'react'
|
|
import { graphql } from 'react-relay'
|
|
import BlogPosts from '../components/BlogPosts'
|
|
|
|
export default class Index extends Component {
|
|
/**
|
|
* if you need to use variables
|
|
*
|
|
* static getInitialProps = async () => ({
|
|
* variables: {
|
|
* key: 'value',
|
|
* },
|
|
* });
|
|
*/
|
|
|
|
static query = graphql`
|
|
query pages_indexQuery {
|
|
viewer {
|
|
...BlogPosts_viewer
|
|
}
|
|
}
|
|
`;
|
|
|
|
render () {
|
|
return (
|
|
<div>
|
|
<BlogPosts viewer={this.props.viewer} />
|
|
</div>
|
|
)
|
|
}
|
|
}
|