在 ReactJS 上選擇日期后，如何關閉日期選擇器彈出窗口？

Question

選擇日期后，我希望關閉彈出窗口。 目前，它僅在單擊彈出窗口外部或退出時才會關閉，即使選擇了日期也是如此。 這可以通過 onClick function 實現嗎？

<DateInput
        localization={String(i18n.lng).substr(0, 2)}
        placeholder={t("flot.split.documente-ton-oeuvre.documenter.date-placeholder")}
        value={this.props.value}
        onChange={(event, { value }) => {
        // make sure the date is vaid for momentjs
        let a = value.substr(6, 4),
        m = value.substr(3, 2),
        j = value.substr(0, 2);
        this.props.onChange(`${a}-${m}-${j}`);
        }}
        icon="calendar outline"
/>

Answer 1

根據我為我認為您正在使用的組件找到的文檔，您所要做的就是將屬性closable添加到您的組件，它應該在選擇日期時關閉。

closable: {bool} 如果為真，彈出窗口在選擇日期后關閉

<DateInput
  closable
/>

資料來源： https://www.npmjs.com/package/semantic-ui-calendar-react#supported-elements