Javascript 多按钮关闭在reactjs中不起作用

我有一个日期选择器，日期显示在文本字段中，按钮关闭（x）。 从日期选择器中选择日期时，将添加日期，如图所示

但“关闭”按钮不起作用， 单击“关闭”时，应删除特定日期字段。 链接

---

稍微更改一下代码

<DatePicker
     locale="en-GB"
     onChange={this.buttonHanlder}
     value={this.state.closedate}
/>

---

这样做的原因：当您单击X（关闭按钮）时，react date picker使用空值调用按钮Handler，这意味着用户已清除日期。因此，您需要根据需要处理null值。

当我控制台val时，在textareaHandler（）中。为什么要打印12-02-2020？对于ButtonHander（）函数，必须提供默认值，而不是null@DeepKakkar谢谢你的回复，有什么变化吗code@Senthil您的onChange方法似乎有问题。我将onChange处理程序更改为文档的工作方式。过来看

buttonHanlder = value => {
    if (value) {
        var dateformat = [
            ("0" + value.getDate()).slice(-2) +
            "-" +
            ("0" + (value.getMonth() + 1)).slice(-2) +
            "-" +
            value.getFullYear()
        ];
        this.setState(prevState => ({
            closedate: value,
            closedatearr: [...prevState.closedatearr, ...dateformat]
        }));
    } else {
        this.setState({
            closedate: ''
        });
    }
};