Fix several mistakes in example code

This commit is contained in:
Aaron Carlino 2018-03-27 17:09:10 +13:00 committed by Damian Mooyman
parent b2e9ed673e
commit 9cb974c619

View File

@ -872,14 +872,14 @@ First, let's break up the list into smaller components.
import React from 'react'; import React from 'react';
import { inject } from 'lib/Injector'; import { inject } from 'lib/Injector';
const NotesList = ({ notes, ItemComponent }) => ( const NotesList = ({ notes = [], ItemComponent }) => (
<ul className="notes"> <ul className="notes">
{notes.map(note => <ItemComponent key={note.ID} note={note} />)} {notes.map(note => <ItemComponent key={note.ID} note={note} />)}
</ul> </ul>
); );
export default inject( export default inject(
['NotesListItem'] ['NotesListItem'],
(NotesListItem) => ({ (NotesListItem) => ({
ItemComponent: NotesListItem ItemComponent: NotesListItem
}) })
@ -915,6 +915,7 @@ const query = {
templateName: READ, templateName: READ,
pluralName: 'Notes', pluralName: 'Notes',
pagination: false, pagination: false,
params: {},
fields: [ fields: [
'Content', 'Content',
'ID' 'ID'
@ -1182,6 +1183,7 @@ const mutation = {
templateName: CREATE, templateName: CREATE,
singularName: 'Note', singularName: 'Note',
pagination: false, pagination: false,
params: {},
fields: [ fields: [
'Content', 'Content',
'ID' 'ID'
@ -1288,13 +1290,13 @@ Now we just need to register these transforms, and we're done!
```js ```js
//... //...
import transformAddForm from './transformAddForm'; import transformAddForm from './transformAddForm';
import transformCreateNote from './transformReadNotes'; import transformCreateNote from './transformCreateNote';
Injector.transform( Injector.transform(
'noteslist-query-extension', 'noteslist-query-extension',
(updater) => { (updater) => {
//... //...
updater.component('NotesAddForm', transformAddForm); updater.component('NoteAddForm', transformAddForm);
updater.query('CreateNote', transformCreateNote); updater.query('CreateNote', transformCreateNote);
}, },
{ after: ['noteslist-graphql', 'notesaddform-graphql'] } { after: ['noteslist-graphql', 'notesaddform-graphql'] }