鍍金池/ 問答/HTML/ tree組件報(bào)錯Cannot read property 'key' of nu

tree組件報(bào)錯Cannot read property 'key' of null

渲染TreeNode的時候報(bào)錯Cannot read property 'key' of null,但是key值我已經(jīng)賦值了,我如果換成普通span標(biāo)簽是可以渲染出來值的,這個報(bào)錯是什么原因呢

treeNode = (list, treeData) => {
    if (list) {
      return treeData.map((data) => {
        for (var i = 0; i < list.length; i++) {
          if (data.key == list[i].id) {
            return <TreeNode title={data.label} key ={data.key}></TreeNode>
          }
        }
      })
    }
};
<Tree
    checkable
    onSelect={this.onSelect}
    onCheck={this.onCheck}
 >
    {this.treeNode(list, treeData)}
</Tree>
回答
編輯回答
假灑脫

多了個空格,識別成沒有值的屬性了

2017年6月14日 08:08
編輯回答
瘋子范
if (data.key == list[i].id) {
            return <TreeNode title={data.label} key ={data.key}></TreeNode>
          }

這段代碼,只考慮的if的情況,map是每一個遍歷都會返回結(jié)果的,那么其他情況數(shù)據(jù)中應(yīng)該是返回了undefine,TreeNode 為undefine就導(dǎo)致了你現(xiàn)在這個錯誤

2017年10月30日 06:27