React + Antd +SpringBoot前后端开发,前端出现的问题Each child in a list should have a unique “key“ prop.

对于Each child in a list should have a unique “key“ prop.这个问题在前端会经常出现问题,因为Dom在渲染数组时,需要一个key,如果Key值不一致,控制台会出现上类问题

解决方案:

在Springboot框架下写后台时,需要传给前端一个Key的值,在用Antd里的<Table />组件的时候利用这个key值即可解决问题

<Table columns={columns} dataSource={this.props.data} rowKey={columns => columns.key} />

而columns.key这里的Key是根据你后台传的值,你可以给它设置任何名字。

后台利用PostMan测试接口获取的值,这里的Key就对应上面的key

猜你喜欢

转载自blog.csdn.net/weixin_51220967/article/details/124524967