鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ react v16下render與antd table的問(wèn)題

react v16下render與antd table的問(wèn)題

render() {
    return(
     [    
         xxx... ,
         <Table/>
     ]
    )
}

Warning: Each child in an array or iterator should have a unique "key" prop. See https://fb.me/react-warning-keys for more information.

如果我用v16的語(yǔ)法去寫render，會(huì)報(bào)上述錯(cuò)誤，如果我在最外一層套一個(gè)<div></div>，就是以前v15的寫法，則不會(huì)報(bào)錯(cuò)，antd table我已經(jīng)添加了rowKeys，請(qǐng)問(wèn)各位大佬有遇到這樣的情況嗎？

回答
編輯回答
黑與白

Each child in an array or iterator should have a unique "key" prop.
你只是添加了rowKeys，rowKeys是表格行渲染需要的，但是你的XXX的key呢，Table的key呢，這個(gè)也是需要的

2018年4月18日 10:14
編輯回答
厭惡我

你這樣是返回的一個(gè)數(shù)組，
你的xxx是什么東西

2017年8月30日 21:52
編輯回答
神曲

前面都說(shuō)了加key的問(wèn)題，而且要注意Table的key,不處理Table的key依然報(bào)錯(cuò)

render() {
    return(
     [    
         <div key="0" /> ,
         <div key="1" /> ,
         ... ,
         <Table key="n" rowKey={r => r.id}/>
     ]
    )
}
2017年5月26日 01:51
編輯回答
膽怯

這是 waring 不是 error。

你 render 函數(shù)返回的是一個(gè)數(shù)組，你需要為數(shù)組里的每一個(gè)元素帶上唯一的key。

2017年12月21日 15:17
編輯回答
情未了
render() {
    return(
     [    
         <div key="0" /> ,
         <div key="1" /> ,
         ... ,
         <Table key="n"/>
     ]
    )
}

這樣子寫就不會(huì)有問(wèn)題了

2018年6月21日 05:46