React Admin-作成中
React Admin
React-Admin Doc
React-Admin Doc
// App.js
import React from 'react'
import { Admin, Resource} from 'react-admin'
import jsonServerProvider from 'ra-data-json-server'
import postLists from './postLists'
const dataProvider = jsonServerProvider('https://jsonplaceholder.typicode.com')
function App() {
return (
<Admin dataProvider={dataProvider}>
<Resource name='posts' list={postLists} />
</Admin>
);
}
export default App;
1) List// postLists.js
import React from 'react'
import { List, Datagrid, TextField } from 'react-admin'
function postLists(props) {
return (
<List {...props}>
<Datagrid>
<TextField source='userId'/>
<TextField source='id'/>
<TextField source='title'/>
<TextField source='body'/>
</Datagrid>
</List>
)
}
export default postLists
Reference
この問題について(React Admin-作成中), 我々は、より多くの情報をここで見つけました https://velog.io/@blackb0x/React-Admin-작성중テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol