사용자 정의 필드가 전달 된 레이블을 렌더링하지 않습니다.

Question

저는 모든 것이 어떻게 작동하는지 파악하고 있습니다. 그러나 페이지 매김과 필터링이 얼마나 쉽게 작동하는지 정말 좋아합니다! 나는 비교적 간단한 사용자 정의 필드를 구축하기 위해 노력하고있어

:

여기 내 문제입니다. "팁 : 다음과 같이 말한다

const ArrayField = ({ source, record = {} }) => { 
    const hasItems = has(record, source); 

    return (
    <div> 
     {hasItems && record[source].map(item => <div key={item.id}>{item.designation}</div>)} 
    </div> 
); 
}; 

ArrayField.propTypes = { 
    label: PropTypes.string, 
    record: PropTypes.object, 
    source: PropTypes.string, 
}; 

문서에서 : 그것은 배열에서 문자열의 무리를 렌더링해야 label 속성은 렌더링() 메소드에서 사용되지 않지만 관리 - 온 - 나머지 사용 그것은 테이블 헤더를 표시합니다. " 내가 지금처럼 내 레이블을 전달하는 경우

그러나, 라벨이 표시되지 않습니다

export const PlaylistShow = (props) => (
    <Show title={<PlaylistTitle/>} {...props}> 
    <SimpleShowLayout> 
     <TextField source='id' /> 
     <TextField label='Name' source='designation' /> 
     <ArrayField label='Media' source='playlistItems' /> 
    </SimpleShowLayout> 
    </Show> 
); 

내가 부족 단계가 있습니까? 불행히도 나는 문서에서 그것을 이해할 수 없다. 답 : 문서에서

Answer 1

기대

에 대한 custom inputs :

팁 : 그들에게 구성 요소를 사용할 때마다 반복하지 않도록하려면 defaultProps 같은 레이블과 addLabel을 정의해야합니다