TypeError：无法读取未定义的属性“ displayName”

Question

所以我写了以下代码：

    "use strict";

import React from 'react';
import { TableHeader, TableBody, TableRow, TableColumn, Button } from 'react- 
md';
import { DataTable } from 'react-md';

import { VoteListRow } from './VoteListRow';
import Page from './Page'


export const VoteList = ({data}) => (
    <Page>
        <DataTable plain>
            <TableHeader>
                <TableRow>
                    <TableColumn>Question</TableColumn>
                    <TableColumn>Number of Items</TableColumn>
                </TableRow>
            </TableHeader>
            <TableBody>
                {data.map((poll) => <VoteListRow poll={poll}/>)}
            </TableBody>
        </DataTable>
    </Page>
);

，并且我当前收到以下错误：TypeError：无法读取VoteList.js上未定义的属性'displayName'：20.我看到导入可能存在错误，但是我无法弄清楚我到底是什么做错了。你有主意吗？