0

列のメタデータを次のgriddle-reactように定義しました。

const cols = [
  {"columnName": 'id', "displayName": "ID", "visible": false, "order": 1},
  {"columnName": 'name', "displayName": "Name", "order": 2, "customComponent": BrandNameLink},
  {"columnName": 'description', "displayName": "Description", "order": 3},
  {"columnName": 'dateCreated', "displayName": "Date Created", "visible": true, "order": 4, "customComponent": DateComponent},
  {"columnName": 'lastUpdated', "displayName": "Last Updated", "visible": true, "order": 5, "customComponent": DateComponent},
];

のためにname、これらのカスタム コンポーネントに追加の小道具を渡したいと思いますdateCreated。lastUpdatedたとえば、私のDateComponent見た目は次のようになります。

import React from 'react';
import Time from 'react-time';

const DateComponent = (props) => {
  return (<Time value={props.rowData.dateCreated} format="MM-DD-YYYY" />);
}

export default DateComponent;

しかし、2 つのほぼ同一のコンポーネント (日付プロパティごとに 1 つ)を使用するdateCreatedかlastUpdated、 vs を作成するように指示できるようにしたいと考えています。rowData

4

1 に答える 1

1

この質問からこれを理解しました。

customComponent を渡す場合、次のように customComponentMetadata を渡すこともできます。

{"columnName": 'dateCreated', "displayName": "Date Created", "visible": true, "order": 4, "customComponent": DateComponent, customComponentMetadata: {
  "dateField": "dateCreated"
}}

そして、次のようにアクセスします。

props.metadata.customComponentMetadata.dateField

とにかく、 columnName はすでにメタデータとして渡されています。したがって、このシナリオではカスタム データを渡す必要はありませんでしたが、別の場合には必要でした。

于 2016-10-12T15:34:03.210 に答える