Warning: Failed prop type: Invalid prop `defaultActiveKey` of type `number` supplied to `Tabs`...

105 阅读1分钟

问题分析

Warning: Failed prop type: Invalid prop defaultActiveKey of type number supplied to Tabs, expected string.

 <Tabs defaultActiveKey={0}>
          <TabPane tab='基本信息' key={0}>
            <Form className="basicForm">
              {basicInfoForm}
            </Form>
          </TabPane>
          {this.state.rulesFormVisible ?
            (
              <TabPane tab='规则' key={1}>
                <Form >
                  {rulesForm}
                </Form>
              </TabPane>
            ) : null
          }
        </Tabs>


defaultActiveKey应该使用字符串,查看官网修改即可

问题解决

在这里插入图片描述
修改后的代码如下:

 <Tabs defaultActiveKey="0">
          <TabPane tab='基本信息' key="0">
            <Form className="basicForm">
              {basicInfoForm}
            </Form>
          </TabPane>
          {this.state.rulesFormVisible ?
            (
              <TabPane tab='规则' key="1">
                <Form >
                  {rulesForm}
                </Form>
              </TabPane>
            ) : null
          }
        </Tabs>

参考文档

antd官网Tabs