내 프로젝트에서 admin-on-rest 사용

Question

저는 관리 도구 사이트를 구현 중이며 이에 대한 자료 UI를 사용하고 있습니다. 비동기 호출 (서비스 호출 용) 처리에는 redux saga를 사용합니다. 나머지 관리자에게는 dataGrid와 같은 매우 유용한 구성 요소가 있습니다. 그러나 그들을 사용하기 때문에 나는 생각만큼 간단하지 않습니다. 처음에이 사용에 대한 당신은 그렇게 관리 구성 요소 내부 당신이 응용 프로그램을 포장해야합니다

이

const App =() => (
    <Admin restClient={simpleRestClient('http://path.to.my.api/')}> 
     <Resource name="posts" list={PostList} /> 
    </Admin> 
); 

내가 워드 프로세서에서 이해 같이 위해 RESTClient 속성은 필수입니다. 이전에 언급했듯이 DataGrid 구성 요소를 사용하려고하지만 사용하려고하면 라이브러리의 mapStateToPros 함수에서 자원이 정의되지 않았 음을 알리는 오류가 표시됩니다. 나는 정말로 중요한 것을 놓치고 있어야합니다. 하지만 난 그냥 외부 라이브러리를 사용하기위한 매우 복잡한 찾으십시오. 누군가이 라이브러리를 사용하고 있으며 도움을 제공합니다. 데이터 격자를 사용해야합니다. 고마워요

Answer 1

관리 -에 - 나머지는 UI 라이브러리가 아닙니다. 전체적으로 사용하기위한 관리자 프레임 워크입니다. 많은 React DataGrids 라이브러리가 있습니다. 전체 관리자가 필요하지 않은 경우 admin-on-rest를 사용하지 마십시오.

Answer 2

Datagrid를 원하면 Material UI에서 Table 구성 요소 만 사용하십시오.

Answer 3

'admin-on-rest'에서 가져 오는 것을 잊지 않았습니까?

앱은 그런 일 (일부 코드가 누락) 선언해야합니다

import React, { Component } from 'react'; 
import { jsonServerRestClient, Admin, Resource } from 'admin-on-rest'; 

const restClient = jsonServerRestClient('http://localhost:8000') 

class App extends Component { 
    render() { 
     return (
      <Admin restClient={restClient} > 
       <Resource name="vendors" list={VendorList} /> 
      </Admin> 
     ); 
    } 
} 

그리고 VendorList 그런 것을 선언한다 :

import React from 'react'; 
import { List, Datagrid, TextField } from 'admin-on-rest' 

export const VendorList = (props) => (
    <List {...props}> 
     <Datagrid> 
      <TextField source="id" /> 
      <TextField source="name" /> 
      <TextField source="description" /> 
     </Datagrid> 
    </List> 
); 

이 예에서이 데이터를 얻을 수있을 것이다 http://localhost:8000/vendors admin-on-rest 사용시 문제가 발생하지 않았습니다. (아마도 장고 휴지 백엔드로 작업했을 때만 가능했지만 모두 해결되었습니다.)