我只是想尝试看看如何将 Downshift 用作列表过滤器，即“下拉”菜单不会关闭。 我发现这很容易，但后来发现很难克服默认行为，即当您单击一个项目时， 输入会填充它的值。 我已经创建了一个示例来说明我将如何解决这个问题（见下文），但它看起来很复杂。 理想情况下，我希望只在点击处理程序上做一个防止默 ...
这个问题可能已经解决了，但我发现的例子对我没有多大帮助。 降档版本：6.1.0 节点版本：14.15.4 npm 版本：6.14.10 反应版本：17.0.1 你做了什么：试图在输入字段上显示 object 属性，但我想保存整个 object 发生了什么： object 保存得很好，但我不能在输 ...
我正在使用 downshiftjs 创建自动完成输入文本框。 单击自动完成的结果时，我无法设置输入文本。 我正在创建示例代码codesandbox.io 自动完成功能正在运行： 它是可搜索的： 点击item时，无法用点击的item设置输入框值。 ...
我遵循了 downshift-examples 中的基本用法，但将下拉列表中显示的项目数组从 starwars（字符串数组）更改为 shared.js 中的对象数组（例如 Id: 1, Description:'item'） . 我还记录了一些事情，并将它们内联在下面的代码中，并以“==>” ...
我正在使用 DownshiftJS 使用useCombobox挂钩创建自动完成组件。 一切顺利，并使用react-hook-form进行测试。 不幸的是，我遇到了一个问题，即react-hook-form可用的 reset 函数会触发HTMLFormElement.reset()方法，但不会触发 D ...
我使用 Downshift 中的 useCombobox 作为 use-hook-form 组件，一切正常，除了当用户键入不在传递到 useComboBox 的列表中的值时，我无法获取该值。 除非值在 inputItems 中，否则永远不会触发 onSelectedItemChange。 这似乎应该 ...
我正在尝试将 DownShift 中的 useComboBox 与 react-hook-form 一起使用，并且输入的值始终未定义。 我从这个开始： https://codesandbox.io/s/react-hook-form-controller-079xx?file=/src/DonwS ...
我遇到了Reactjs前端代码库的问题。 我们使用库名称react-autoauggest来实现自动完成功能，但领导决定从react-autoauggest 转移到downshift 。 我通读了这个文档并使用useCombobox钩子实现了这个，但他提出了一些问题并告诉我在没有任何指导的情况下解决 ...
使用 Downshift，如何实现将inputValue设置为 ArrowUp/ArrowDown 上当前突出显示的项目的值，同时保留过滤的项目，直到用户手动增加inputValue ？ 例如： ...
我正在使用 React 开源组件Downshift来构建我的自定义下拉菜单。 我面临的问题是当用户按下Escape键时，Downshift 会清除所选项目（并使用null调用onChange回调）。 即使我的下拉菜单甚至没有空选项，这也会清除我的下拉菜单。 如何抑制此行为并使其仅关闭打开的下拉列表 ...
我正在使用带有 Material-ui 的 React 和此处记录的自动完成组件 - https://material-ui.com/components/autocomplete/和降档。 使用 onSelect，我可以检索选择的值。 我希望能够取回密钥。 在这里，我将 uuid 设置为每个选择的 ...
我使用 Downshift 编写了一个可重用的自动完成组件。 该组件封装了许多 Relay 逻辑，用于从我的 GraphQL 端点获取数据。 我有一个用例，父组件需要接收 selectedItem，显示 selectedItem 的 name 属性，然后清除 autocomplete 的 selec ...
我在使用Downshift遇到了麻烦，最初我有所有的菜单选项，但是一旦我选择了一个选项，那就是下次我点击它时菜单中显示的唯一选项。 这是我目前的代码，有什么反馈是什么造成的？ ...
编辑：我强烈建议使用新的自动完成功能，它有很多选项并且效果很好，而不是手动集成 Downshift。 我试图调整这个降档示例（ other-examples/react-window ）以使用 material-ui 组件。 我在本地环境中尝试了几个选项，但是在使用键盘滚动或导航结果时会破 ...
我正在使用Downshift，以创建显示某些菜单选项的下拉菜单。 我用降档创建了一个可重用的React组件，但是现在出现了这个错误： 这是此错误引用的代码： 我在这样的主屏幕组件中使用它： 预期的行为：呈现菜单项及其相应图标的列表。 当前行为：我收到上述错误。 ...
我有一个表单，其中的字段需要通过api调用显示建议。 应该允许用户选择这些选项之一，也可以选择键入的值与表单一起提交，但是此字段是必需的。 我正在使用Formik处理表单，使用Yup进行表单验证以检查是否需要此字段，使用下移进行自动完成，并使用Material-UI进行处理。 当用户决 ...
我正在使用material-ui TextField为带有downshift的提前输入选择器类型组件创建输入和标签。 我看过演示 ，并具有以下功能： 我的inputProps等于： 我的前任曾在material-ui InputLabel组件上定义了那些inputLabel ...
我一直在努力创建一个围绕PayPal Downshift库的Kotlin JS包装器。 我可以让Downshift在Kotlin生态系统之外正常工作，但在尝试将它集成到Kotlin JS应用程序中时没有运气。 我已将所有属性剥离到以下内容： - 然后在我的React应用程序的渲 ...
当我单击div中除提交按钮和输入字段以外的任何内容时，输入字段将清除输入的输入。 我该如何解决？ 输入的输入应该一直存在，直到提交提交。 我有一个div，其输入字段如下所示，并带有复选框和“提交”按钮。 复选框和提交按钮没有错。 ...
当我在使用Downshift时渲染输入元素时，这样做是错误的 还是我应该更具体地将对象中的哪些属性传递给getInputProps？ 然后，后者将不允许我添加其他属性（例如data-testid:controlName ），而无需更改源控件以专门查找它 ...