Velog Velog

https://marmelab.com/react-admin/List.html React-admin - The List View The List View The List view displays a list of records fetched from the API. The entry point for this view is the component, which takes care of fetching the data. Then, it passes the data to an iterator view - usually , which then delegates the rendering marmelab.com component API에서 fetch한 레코드들의 배열을 디스플레이함. 보통 를 사용하여 데이터들을 열..

resource 컴포넌트는 API 엔드포인트를 CRUD인터페이스에 매핑시킴 (CREATE, DELETE) 아래와 같은 prop을 이용하여 각 오퍼레이션에 컴포넌트를 정의할 수 있게 함 4가지 props는 react-router를 사용하여 오른쪽과 같은 루트를 생성함. list (define되면 해당 리소스는 Menu에 디스플레이됨) -> / create -> /create edit -> /:id show -> /:id/show Reference**Field와 같이 reference를 선언할 때는 반드시 를 추가해주어야 함. : react-admin은 데이터 저장구조를 정의하기 위해 resource를 사용하기 때문 또한 추가적인 prop도 허용함 -> name, icon, options name dataP..

Field Components Field 컴포넌트는 REST 자원의 property를 display한다. List view에서 사용되고, Edit이나 Create view에서도 사용할 수 있다. 가장 흔히 사용되는 필드 컴포넌트는 TextField이다. 모든 필드 컴포넌트들은 다음과 같은 attribute들을 가짐 source required -> view/edit을 위한 prop 이름 label input 레이블의 헤더로 사용됨, 생략되었을 경우 source가 기본값 sortable source를 이용하여 정렬해야 하는가? 기본값은 true className 클래스 이름 (field element) cellClassName 클래스 이름 (field container) headerClassName 헤더 ..