2017-11-09 3 views
0

私はまだすべての仕組みがわかっています。しかし、私は間違いなくページ作成とフィルタリングがいかに簡単かが大好きです!カスタムフィールドが渡されたラベルをレンダリングしません

これは私の問題です:

私は比較的簡単なカスタムフィールドを構築しようとしています。 「ヒント:次のように述べてい

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属性は、render()メソッドで使用されていませんが、管理者オン、残りの用途それはテーブルヘッダーを表示するためです。私はそうのように私のラベルを渡す場合

しかし、ラベルは表示されません。

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

私が欠けているステップがありますか?残念ながら、私はドキュメントからそれを理解することはできません。あなたの答え:)ドキュメントから

答えて

0

を楽しみにしてい

についてcustom inputs

ヒント:は彼らにあなたがコンポーネントを使用するたびに繰り返さないようにするには、defaultPropsとしてラベルやaddLabelを定義する必要があります

+0

ありがとうございました!それが私の問題を解決しました! – Lorenz

関連する問題