react v16下render与antd table的问题

Question

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的语法去写render，会报上述错误，如果我在最外一层套一个<div></div>，就是以前v15的写法，则不会报错，antd table我已经添加了rowKeys，请问各位大佬有遇到这样的情况吗？

Answer 1

你这样是返回的一个数组，
你的xxx是什么东西

Answer 2

前面都说了加key的问题，而且要注意Table的key,不处理Table的key依然报错

render() {
    return(
     [    
         <div key="0" /> ,
         <div key="1" /> ,
         ... ,
         <Table key="n" rowKey={r => r.id}/>
     ]
    )
}

Answer 3

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

Answer 4

这是 waring 不是 error。

你 render 函数返回的是一个数组，你需要为数组里的每一个元素带上唯一的key。

Answer 5

render() {
    return(
     [    
         <div key="0" /> ,
         <div key="1" /> ,
         ... ,
         <Table key="n"/>
     ]
    )
}

这样子写就不会有问题了