Parent
<Child
dataSource={ dataSource }
renderItem={ (item) => (
<RecordItem
record = { item }
/>
)}
/>
Child Component
const {
renderItem,
dataSource,
} = props;
<List
dataSource={ dataSource }
renderItem={(item) => (
<List.Item key={key}>
{renderItem && renderItem(item)}
</List.Item>
)}
/>
RecordItem Component
const {
record,
} = props;
<div>
{record.title}
</div>