1回答

ApOLO

提问者

2018-02-21

问题解决了.

原因是我在 <Tab> 组件的 onChange事件中, 使用了严格相等运算符 "=== 1" 来判断 当前<TabPane> 的key, 由于key是字符串, 导致原先的判断不成立, 始终执行到 else 语句. 于是在登录的标签页中, 请求仍是注册的请求.

下面是修改后的onChange 事件处理函数代码:

// 处理 <Tab> 的onChange 事件, 当切换标签 <TabPane> 的时候, 修改 this.state.action,实现动态传参给fetch()的get请求
// <Tab> 的 onChange 事件会默认传入当前 <TabPane> 的key, 是一个字符串
handleTabChange(key) {

   if (key === "1") {
       this.setState({action: 'login'})
   } else {
       this.setState({action: 'register'})
   }
}

此外这里顺便提一个antd  文档中没有涉及的部分, 那就是 <Tab> 组件的 onChange 有一个默认的位置参数, 就是当前激活的 <TabPane> 的 key. 

3

0