TodoList.js

class TodoList extends React.Component {
  render() {
    return (
      <QueryRenderer
        environment={environment}
        query={graphql`
          query TodoListQuery {
            list {
              # Specify any fields required by '<TodoList>' itself.
              title
              # Include a reference to the fragment from the child component.
              todoItems {
                ...TodoItem_item
              }
            }
          }
        `}
        render={({error, props}) => {
          if (error) {
            <div>{error.message}</div>;
          } else if (props) {
            <Text>{props.list.title}</Text>
            {props.list.todoItems.map(item => <TodoItem item={item} />)}
          } else {
            <div>Loading</div>;
          }
        }}
      />
    );
  }
}