问题标签 [elasticui]

我正在尝试使用 Full Calendar 和 Elastic Ui 构建一个日历应用程序，我使用状态来管理数据/事件输入，使用表单将事件添加到日历，并选择日历上的日期也会更新表单值。该应用程序现在部分工作，我可以将事件输入日历，但只有在我从日历中选择/单击日期之后，表格才能正常工作。但是，如果我在单击日历之前在表单中的文本字段或日期选择器上输入，则会出现以下错误并且整个页面变为空白。

超过最大更新深度。

上述错误发生在 DatePicker 组件中：

无法对未安装的组件执行 React 状态更新。

有人知道发生了什么吗？或者我怎样才能找到问题的根源？

webapp第一次加载时也有两个错误：

index.js:1 警告：无法在尚未安装的组件上调用 setState。这是一个无操作，但它可能表明您的应用程序中存在错误。相反，在 EuiIcon 组件中this.state直接分配或定义 state = {};具有所需状态的类属性。安慰。@

index.js:1 警告：无法在尚未安装的组件上调用 setState。这是一个无操作，但它可能表明您的应用程序中存在错误。相反，在 CalendarDataProvider 组件中直接分配 this.state或定义state = {};具有所需状态的类属性。

我正在开发一个使用Elastic UI组件库的 React 应用程序。我开始了一个新项目create-react-app并安装了所需的 eui 依赖项。

当我尝试添加一个新组件时，VSC 会在自动完成中选择它并填充导入，如下所示：

但是当这种情况发生并且我保存时，应用程序无法编译并且实时服务器崩溃。

我发现如果我将导入替换为

一切正常，但默认行为仍然导致我崩溃并且必须手动更正或手动导入所有组件。我该如何设置它，以便所有来自弹性的导入总是这样？

PS：这是我在控制台崩溃后留下的消息

这就是出现在浏览器中的那个

我正在使用 Elastic UI 框架开发应用程序。我希望我的文件选择器只显示某些类型的文件。问题是根据官方指南（ https://elastic.github.io/eui/#/forms/form-controls#file-picker ） ，EuiFilePicker 似乎没有“过滤器”道具。这怎么可能？

我已经搜索了所有文档，但似乎找不到如何将 EUI 搜索栏传递的查询道具字符串中的任何符号替换为 on change 道具。这是文档。

https://elastic.github.io/eui/#/tabular-content/in-memory-tables

尝试使用道具时，任何符号似乎都会导致空值错误，因此即使我在 onchange 函数中执行 .replace ，它也会返回空值。

当我尝试运行时出现以下错误yarn test。当我yarn start.

TypeError: Cannot set property 'diff' of undefined

它在这方面失败了：

import { EuiPopover } from '@elastic/eui'

我相信这是同一个问题：https ://github.com/elastic/eui/issues/3973 他们建议的解决方案不起作用，因为我正在使用的应用程序正在使用 react-scripts。

我已经尝试将应用程序转换为使用 react-app-rewired 以便我可以创建一个 .babelrc 以便我可以应用他们的解决方案，但我仍然遇到同样的问题。

来自 package.json 的片段：

.babelrc 文件：

您可以在此处找到代码和框。

我有一个执行以下操作的组件：

1. 显示一个图标
2. 如果单击该图标，则在其位置显示搜索输入。
3. 如果用户在显示时单击搜索输入之外的任何位置，请隐藏搜索输入并再次显示该图标。

问题是，在您单击图标后，搜索输入确实会显示，并且单击搜索输入之外的任何位置都会再次显示该图标。但是，如果您再次单击该图标，则不会显示搜索输入。

我尝试将引用附加到图标并评估单击图标时是否包含事件，但该条件语句没有帮助。如何确保当我再次单击该图标时，输入再次显示？谢谢！

早上好，我正在将 elasticsearch 与 kibana 一起使用。我正在通过带有 Hooks 和 Typescript 的 ReactJS Function 并使用其 Elastic UI 图形库构建一个 kibana 插件。

我用列表组做了一个链接按钮映射，但我注意到当我在列表之外单击时，我失去了焦点。

我怎样才能始终专注于选定的链接？我使用链接作为操作按钮。

这是我的代码示例：

{array.map((e) => <EuiListGroupItem id={e.id} onClick={() => handleClick(e.id)} label={e.label} />)}

链接 Elastic UI 列表组：https ://elastic.github.io/eui/#/display/list-group

提前感谢您的回答。

我有一个包含主要内容的 React 站点。我想使用search-ui在网站上进行搜索。

搜索栏应该在旁边，当用户搜索某些东西时，结果应该显示在主要内容上。除了和主要内容是两个独立的反应组件。

在我身边，我正在像这样配置 search-ui SearchBox

因此，当用户搜索某些内容时，应用程序将重定向到名为 elastic-search 的单独页面，并且我通过导航方法在 URL 中传递 searchTerm。

在 MainContent 我有这样的结果：

现在的问题是如何获取 searchTerm 并在主要内容上显示结果。应用程序的结构是这样的：

当我在 URL 中使用 searchTerm 搜索应用程序时重定向到 /elastic-search，但结果未显示。如果我刷新页面，它们就会显示出来。如何通知结果或重新呈现页面，以便显示搜索结果。