美文网首页
React antd DatePicker组件的坑(Can't

React antd DatePicker组件的坑(Can't

作者: nomooo | 来源:发表于2020-06-20 16:48 被阅读0次

    报错信息:
    Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

    意思是你的组件已经销毁了,你还设置个锤子的值

    然后试着用生命周期函数componentWillUnmount处理,发现没卵用

    再去查询资料,原因是你在设置值的时候需要把这个值给包装一下,
    因为DatePicker 的value属性不能用string直接赋值,用moment包装一下,包装成moment类型的对象(详情点这里)
    也就是这样

    // 就是用moment方法,对dateString进行包装即可
        onChangeDate = (date: any, dateString: any) => {
            this.setState({
                taskDate: moment(dateString)
            })
        }
    
    
    <DatePicker value={this.state.taskDate as any} locale={locale} format='YYYY-MM-DD' onChange={this.onChangeDate} />
    

    完美解决。

    相关文章

      网友评论

          本文标题:React antd DatePicker组件的坑(Can't

          本文链接:https://www.haomeiwen.com/subject/iahgxktx.html