关于antd的Table组件的expandedRowKeys 设置后点击展开图标无法展开的问题

关于antd的Table组件的expandedRowKeys 设置后点击展开图标无法展开的问题

  • 在做项目的时候,想做这样一个效果:点击修改后,可以展开额外行进行修改,所以一开始的想法是动态传递一个需要展开的行的key值,但是设置之后,点击其他的展开图标没有任何反应
  • 而换成设置defaultExpandedRowKeys属性也不行,因为我刚加载页面的时候没有点击任何的修改,但是它又是初始化的时候才奏效,所以这个也没有办法

在这里插入图片描述
关于antd的Table组件的expandedRowKeys 设置后点击展开图标无法展开的问题_第1张图片

  • 所以我就想了个办法:以数据为驱动,把expandedRowKeys的值受state的控制,然后通过点击展开运算符以及修改按钮,动态地修改state里的值
    ,这样就可以完美地解决问题啦

关于antd的Table组件的expandedRowKeys 设置后点击展开图标无法展开的问题_第2张图片

  • 我们也可以输出看看expanded以及record的值:

  • expanded就是是否处于展开状态的参数

  • record就是点击的行的信息

    关于antd的Table组件的expandedRowKeys 设置后点击展开图标无法展开的问题_第3张图片

这样就可以完美地解决问题啦

你可能感兴趣的:(reactjs,es6)