TypeError：无法读取未定义的ReactJS NavBar的属性“map”

Question

我正在尝试调用map函数，但我正在努力让它工作。 某处我的道具可能未定义，但我不知道如何解决它......

data.js

[{text:"name", url:"/url", submenu:[{"text":"name", "url":"/url"}]

Home.js

import { data } from './NavBar/data.js';

<NavBar items={data}/>

NavBar.js

generateItem(item) {
    return <NavItem url={item.url} text={item.text} submenu={item.submenu}/>;
}
render() {
    var items = this.props.items.map(this.generateItem);
    return (
        <ul className="menu">
            {items}
        </ul>
    );
}

运行时，错误告诉我：TypeError：无法读取未定义的属性“map”