Tabriso
Tabriso
2021-06-04 10:19
采纳率: 100%
浏览 44

antd-tabs里添加datepicker,切换如何清空datepicker的值

利用tabBarExtraContent这个API在两个tabs上分别添加了一个DatePicker控件,其中一个DatePicker有value值的时候切换tab另一个DatePicker也会存在值,有什么办法可以在切换tab的时候清空DatePicker的值?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • weixin_44058725
    已采纳
    import React, { Component, useState, useEffect } from 'react';
    import { Tabs, DatePicker } from 'antd';
    import moment from "moment";
    const { TabPane } = Tabs;
    
    
    class Index extends Component {
        constructor(props) {
            super(props)
            this.state = {
                key:1
            }
        }
        change = (key) => {
            this.setState({
                key:key
            })
        }
        render() {
            let {key}=this.state;
            return (
                <div>
                    <Tabs defaultActiveKey="1" onChange={this.change}>
                        <TabPane tab="Tab 1" key="1" value="">
                             {
                              key=="1"? <DatePicker  />:""
                             }
                           
                        </TabPane>
                        <TabPane tab="Tab 2" key="2">
                            Content of Tab Pane 2
                        </TabPane>
                        <TabPane tab="Tab 3" key="3">
                            Content of Tab Pane 3
                        </TabPane>
                    </Tabs>
                </div>
            )
        }
    
    }
    export default Index

    value=""不行吗

    点赞 评论

相关推荐