问题标签 [react-dates]

在反应日期的渲染方法下使用 moment.locale('de') 以显示德语翻译，但收到低于意外输出但在刷新时一次又一次地呈现正确的翻译

单击开始和结束日期输入时出现此错误：

这是我尝试过的：

为 react-dates 包创建了一个包装器组件：

将其导入我的 index.js 并编写了这两个函数和钩子：

最后，我使用这些函数作为道具：

但是，如果不从输入中删除，我似乎会收到警告和日历本身：

我有一个日期选择器版本，可以使用这些钩子/函数通过类似的方式工作：

我的想法是，这可能与

钩子和

功能？

非常感谢任何帮助。

预期结果是能够同时更改开始日期和结束日期。

如何使用自定义输入获取 airbnb 日期选择器来打开和关闭日历？

这是自定义日期输入https://airbnb.io/react-dates/?path=/story/daypickersingledatecontroller--with-custom-input

我希望它像这个例子一样工作：https ://airbnb.io/react-dates/?path=/story/sdp-input-props--default

日历应该像使用内置日历一样打开和关闭自定义输入

我的 react-dates 组件正在运行，但我的 bundle JS 文件是 600kb。我只需要 DateRangePicker 组件，仅此而已。我是否可以编辑代码和/或压缩捆绑 js 文件以使其更小？

我已经尝试了几个不同的构建，使用下面的 App.js 和 index.js 代码，所有的包仍然在 600kb 左右结束。我的 main.0a110825.js 包文件太大，无法粘贴到这里。

这是一个链接，它帮助我让我的组件在我的页面上工作，现在我只是希望有一个更小的捆绑文件，如果可能的话。

反应日期演示

谢谢您的帮助！

I don't know what is happening with react-dates. I am taking awful designs, that worked just some months ago.

抱歉，如果这看起来很费力，但我整天都在谷歌上搜索。我正在尝试使用日期选择器进行选择时更改日期的状态。我可以通过执行以下操作使此功能正常工作：

但是如果我尝试把它变成一个函数：

}

然后将该函数传递给 onDateChange：

这将返回“无法设置未定义的状态。我这样做的原因是因为我需要 onDateChange 函数在父组件中执行，然后将该道具传递给该组件。但我什至无法让该函数在子组件中工作组件。我尝试过使用箭头函数，但我很难过。有人可以告诉我为什么这不能作为函数工作吗？

更新：

解决了

我发现了一堆看似重复的问题，但我似乎无法解决我遇到的这个问题。我有一个父组件：

我能够将 onDateChange 方法传递给孩子。孩子看起来像：

无论出于何种原因，我都无法调用 onDateChange 方法。如果我 console.log(this.props) 我可以看到该函数作为道具传递。如果我 console.log(this.props.onDateChange) 它返回：

我可以看到它应该执行的函数和代码。我尝试创建一个调用 this.props.onDateChange 的方法，然后调用该方法，但它仍然不起作用。我很困惑为什么我能够让方法作为道具传递，但我不能调用它。我意识到有很多问题询问如何将函数作为道具传递（我能够做到这一点）我只是无法执行此函数。提前致谢。

编辑：我已更新代码以添加以下建议。我现在没有收到任何错误，但它仍然没有按预期工作。如果/当我弄清楚时，我会报告。

我有一个看起来像这样的组件：

它从如下所示的 datepicker 组件获取 currentDate 属性：

当我从日期选择器中选择新日期时，子组件上的 this.props.currentDate 会更新。这是我想要的日期。但是，当该道具更新时，它不会使用新的预期数据重新渲染表格。我意识到我必须更新孩子的状态才能重新渲染表格。我试图通过设置 currentDate: this.props.currentDate 来设置 fetchData() 方法中的状态来做到这一点。但这不起作用，它不会实时更新状态，因此网格不会重新渲染。我想我在概念上遗漏了一些关于反应的东西，但我不确定是什么。我认为 datePicker 组件很好，因为它可以在选择日期时发送正确的日期，并且可以将该日期传递给表格组件。谁能告诉我为什么这个状态不会更新？或者更好的是，

编辑：我现在可以改变状态

}

但它仍然不会在更新时重新渲染表格。

我将 react-dates 用于日期选择器，当用户更改日期时，它会更新道具并将其发送到后端以作为查询中的参数运行，以从数据库中获取当天的特定结果。它看起来像这样：

这在使用日期选择器通过 UI 选择日期时有效。当我尝试输入日期时，它会崩溃，因为当我输入第一个数字时，比如 2019 年 12 月 23 日月份的 1，它会在 API 请求中发送该 1，但由于日期无效而失败。但是，如果我粘贴整个日期，它将在获得正确日期时起作用。有没有更好的替代 componentDidUpdate 或更好的方法来构造这种类型的请求？我需要它等到输入整个日期后再发送请求。我也不一定要单击按钮，我希望它在日期选择器的文本框中完成所有操作。如果这里重要的是 datepicker 组件：

我正在尝试找到一种方法让用户在单击已选择的日期时取消选择当前选定的日期。我正在DayPickerRangeController从react-dates图书馆使用。

这是我的源代码：