问题标签 [react-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
192 浏览

javascript - 调试疯狂的 React 库代码行

我正在尝试使用这个类似于 Chosen for React 的反应插件。这是完整仓库的链接:https ://github.com/JedWatson/react-select ://github.com/JedWatson/react-select 。我在一条疯狂的线路上遇到错误,并且无法弄清楚问题是什么以及如何解决它。我正在运行 React .11.2。任何帮助,将不胜感激!

这是它似乎失败的行:

并给我一个错误:

代替:

哪个在其中react-with-addons.js,它的typevar 失败了。它接收一个字符串"span"。有想法该怎么解决这个吗?

0 投票
3 回答
785 浏览

node.js - react-select 模块找不到 react

React-select 找不到 React: TypeError: React is undefined1 react-select.js:826:4

React-select.js 正在通过

看起来我必须在 html 中包含 React 才能完成这项工作,但我想避免这种情况。有什么我想念的吗?

(使用节点)

0 投票
1 回答
5206 浏览

reactjs - react-select.js 多选 preventDefault x 按钮或删除

我正在使用 react-select 进行多选。我希望在删除包生成的关闭选项时阻止默认值。请参阅附加的打印屏幕http://i65.tinypic.com/23wlkhz.jpg `

0 投票
2 回答
4739 浏览

javascript - React-Select Uncaught TypeError:无法读取未定义的属性“值”

我正在使用 React-Select 来显示项目列表。此列表是通过调用 Web 服务获取的。

当我单击 React-Select 下拉列表时。它抛出和错误

未捕获的类型错误:无法读取未定义的属性“值”(Select.js 第 74 行)

如果我单击几次...然后我可以看到它调用了我的 Web 服务方法并且代码开始正常工作。

因此,如果有人单击它,似乎在最初的几秒钟内 react-select 会引发错误。但一段时间后,它开始调用我的 Web 服务方法并从中获取结果并正确显示。

我的代码很简单

我的方法中有调试语句updateItem

当页面加载时,我可以看到它打印'going to make webservice request' 但是当我点击 react-select 时它会抛出错误。

最终单击 drop drop 5/6 次后,我看到消息“得到响应”,然后错误消息消失,下拉菜单正常工作。

因此,似乎在 Web 服务返回值之前,如果有人单击它,下拉框会抛出错误。

如何停止错误?

0 投票
1 回答
1130 浏览

sass - 反应选择 SCSS 文件?

我想更改 react-select 中多选项目的颜色。

我可以看到这已记录在这里

https://github.com/JedWatson/react-select/blob/master/less/select.less

这条线应该为我完成工作

除了我的项目使用 SCSS 而不是 LESS。

谁能告诉我等效的 SCSS 是什么?

0 投票
3 回答
25381 浏览

reactjs - React-Select、多选和文本溢出

我正在使用带有多选的 React-Select 组件。我面临的一个问题是,如果用户选择 3 或 4 个选项,UI 看起来很糟糕,因为文本开始溢出,这会导致组件水平和垂直增长。

我希望组件的大小保持不变,如果用户选择更多选项,那么它只显示“...”(省略号)而不是尝试显示新选择的选项。

我想要的行为更符合这个组件

http://instructure-react.github.io/react-select-box/

看看它如何处理多选。

我现在不想换掉组件,因为我们已经用 React-Select 做了很多测试。

你能给我一些关于如何在不删除 react-select 的情况下实现这一点的指南吗?

0 投票
5 回答
36724 浏览

javascript - 如何将 Select2 与 Reactjs 一起使用?

我有这样的依赖字段

如果我有 5 个<List/>组件。如何将Select2添加到每个组件中。我在网上搜索了一下。但找不到任何可行的解决方案。

以下代码用于react-select .Getting error TypeError: event.target is undefined

0 投票
1 回答
7130 浏览

react-select - 在 react-select 中更改所选项目的颜色

我想在反应选择中更改所选项目的颜色。当前选定的项目显示为蓝色。我想把颜色改成灰色

在此处输入图像描述

为此,我做了以下步骤

  1. 创建了一个名为 MyComponent.scss 的文件

    /li>

然后将此文件导入我的组件

我希望这将用我的 $grey 变量覆盖默认颜色。

但颜色仍然是蓝色的。

0 投票
1 回答
2334 浏览

meteor - 反应选择组件不起作用

我正在尝试使用react-select 组件的异步版本。我的正常版本工作得很好,但是当我添加尝试使用项目文档中的这个异步示例时:

我在控制台中收到此错误:

警告:React.createElement:类型不应为 null、未定义、布尔值或数字。它应该是一个字符串(对于 DOM 元素)或一个 ReactClass(对于复合组件)。检查 OrderHeaderEdit.

我一直在尝试将其调试到 React 代码中,但我一生都无法弄清楚发生了什么。

这是我对上面具有异步选择组件的组件的完整组件代码。此控件在 Meteor 1.3 应用程序中运行:

似乎问题可能出在行中的“.Async”扩展名上Select.Async,这可能会让 Meteor 感到困惑吗?

0 投票
2 回答
1865 浏览

javascript - React-Select:将所选项目保留在菜单中

在 v1.0.0-beta10 中使用React-Select,我想将所选项目保留在菜单中,以便能够实现类似于MaterializeCss中的多选的下拉菜单

这是一个屏幕截图: 多选

如何实现这种行为?