Adding Creation and Editing Capabilities

Add and enable <PostCreate> component in the app

Author: victorkane

src/App.js

@@ -1,14 +1,14 @@
 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="users" list={UserList} />
-       <Resource name="posts" list={PostList} edit={PostEdit} />
+       <Resource name="posts" list={PostList} edit={PostEdit} create={PostCreate} />
     </Admin>
 );
 

src/posts.js

@@ -8,7 +8,8 @@ import { List,
          SimpleForm,
          ReferenceInput,
          SelectInput,
-         TextInput
+         TextInput,
+         Create
        } from 'react-admin';
 
 export const PostList = props => (
@@ -36,3 +37,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" />
+            <TextInput multiline source="body" />
+        </SimpleForm>
+    </Create>
+);