-
react-admin : <Resource> componentFront-end/React.js 2020. 3. 4. 14:03
resource 컴포넌트는 API 엔드포인트를 CRUD인터페이스에 매핑시킴 (CREATE, DELETE)
아래와 같은 prop을 이용하여 각 오퍼레이션에 컴포넌트를 정의할 수 있게 함
4가지 props는 react-router를 사용하여 오른쪽과 같은 루트를 생성함.
- list (define되면 해당 리소스는 Menu에 디스플레이됨) -> /
- create -> /create
- edit -> /:id
- show -> /:id/show
Reference**Field와 같이 reference를 선언할 때는 반드시 <Resource>를 추가해주어야 함.
: react-admin은 데이터 저장구조를 정의하기 위해 resource를 사용하기 때문
또한 추가적인 prop도 허용함 -> name, icon, options
name
dataProvider에게 넘겨지는 API endpoint를 결정하고 URL을 형성하기 위해 사용
만약 name이 "posts"라면 react-admin은 url/posts를 fetch할 것임.
특수한 API 엔드포인트를 사용하고 싶을 때는 dataProvider에 매핑을 적어야 함
icon
menu에서 icon prop component를 렌더링함
options
option.label : menu에서 어떻게 디스플레이할 것인지 커스터마이징
'Front-end > React.js' 카테고리의 다른 글
react-admin : <Show> View (0) 2020.03.04 react-admin : <List> view (0) 2020.03.04 react-admin : Field Components (0) 2020.03.03 react-admin 메모 : Admin (0) 2020.03.02 react-admin 메모 : data provider (0) 2020.03.02