react v16下render与antd table的问题

0 0 react.js antd
SOC丶小兮
SOC丶小兮

声望值:123 0人

2019-01-02 15:53:01 提问

关注 0关注

收藏 0收藏, 228浏览

render() {
    return(
     [    
         xxx... ,
         

] ) }

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,会报上述错误,如果我在最外一层套一个

,就是以前v15的写法,则不会报错,antd table我已经添加了rowKeys,请问各位大佬有遇到这样的情况吗?

请先 登录 后评论

5个回答

  • 背着98K的男人306声望 2018-10-15 15:53

    你这样是返回的一个数组,你的xxx是什么东西
    请先 登录 后评论
  • 撒网要见鱼92声望 2018-10-15 15:53

    Each child in an array or iterator should have a unique "key" prop.你只是添加了rowKeys,rowKeys是表格行渲染需要的,但是你的XXX的key呢,Table的key呢,这个也是需要的
    请先 登录 后评论
  • 星夜小筑155声望 2018-10-15 15:53

    这是 waring 不是 error。 你 render 函数返回的是一个数组,你需要为数组里的每一个元素带上唯一的key。
    请先 登录 后评论
  • l梁上君子141声望 2018-10-15 15:55

    render() { return( [ <div key="0" /> , <div key="1" /> , ... , <Table key="n"/> ] ) } 这样子写就不会有问题了
    请先 登录 后评论
  • 不想好好学习315声望 2018-10-15 15:55

    前面都说了加key的问题,而且要注意Table的key,不处理Table的key依然报错 render() { return( [ <div key="0" /> , <div key="1" /> , ... , <Table key="n" rowKey={r => r.id}/> ] ) }
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问