Add support for post create

Author: victorkane

src/App.js

@@ -1,36 +1,17 @@
-// Customize PostEdit with disabled id field, name for user reference field and long text input for editing body field 
+// Add support for post create.
 // https://marmelab.com/react-admin/Tutorial.html
 
-/*
-
-PostList EditGuesser recommendations:
-
-Guessed Edit:
-
-export const PostEdit = props => (
-    <Edit {...props}>
-        <SimpleForm>
-            <ReferenceInput source="userId" reference="users"><SelectInput optionText="id" /></ReferenceInput>
-            <TextInput source="id" />
-            <TextInput source="title" />
-            <TextInput source="body" />
-        </SimpleForm>
-    </Edit>
-)
-
-*/
-
 import React from 'react';
 import { Admin, Resource } from 'react-admin';
-import { PostList, PostEdit } from './posts'
+import { PostList, PostEdit, PostCreate } from './posts'
 import { UserList } from './users'
 import jsonServerProvider from 'ra-data-json-server';
 
 const dataProvider = jsonServerProvider('http://jsonplaceholder.typicode.com');
 
 const App = () => (
   <Admin dataProvider={dataProvider} >
-    <Resource name="posts" list={PostList} edit={PostEdit} />
+    <Resource name="posts" list={PostList} edit={PostEdit} create={PostCreate} />
     <Resource name="users" list={UserList} />
   </Admin>
 )

src/posts.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { List, Datagrid, TextField, ReferenceField, EditButton, Edit, SimpleForm, ReferenceInput, SelectInput, TextInput, DisabledInput, LongTextInput } from 'react-admin';
+import { List, Datagrid, TextField, ReferenceField, EditButton, Edit, SimpleForm, ReferenceInput, SelectInput, TextInput, DisabledInput, LongTextInput, Create } from 'react-admin';
 
 export const PostList = props => (
   <List {...props}>
@@ -26,3 +26,15 @@ export const PostEdit = props => (
     </SimpleForm>
   </Edit>
 )
+
+export const PostCreate = props => (
+  <Create {...props}>
+    <SimpleForm>
+      <ReferenceInput source="userId" reference="users">
+        <SelectInput optionText="name" />
+      </ReferenceInput>
+      <TextInput source="title" />
+      <LongTextInput source="body" />
+    </SimpleForm>
+  </Create>
+)