好友在使用react开发项目时使用ant.design框架时,使用了tabs组件,每个tab下面都是选项,需要每个tab都选完后,再点击提交,提交所有tab下面的选中内容。所以,在前端js中,每个tab切换时,需要获取前一个tab的id和选中的所有内容,使用
obj = [{tabid:"...",value:"....."},{}...] 这种格式来存储数据,看了ant.design的开发文档,没有看到获取前一个tabid 的方法,只能获取当前点击的tabid(可能是我没用过,不太了解),于是给好友提供了另一个思路。
这里只提供一个思路,该思路可以用在任何框架的tab组件中。
定义一个全局变量cuerrentTabid,该变量存储的是当前tab的id,页面初始化,渲染时,该变量cuerrentTabid 赋值为当前展示tab的id,也就是说初始化赋值就是页面默认展示的第一个tab的id,当tab切换时,框架提供的onchange()方法,能获取点击切换后的tabid,也就是activeId,此时,cuerrentTabid存储的就是点击前的tabid的,获取到tabid并存储后,将cuerrentTabid 赋值为当前的tabid,也就是activeId。如此,就可以实现获取前一个tabid的需求