问题标签 [react-toolbox]

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 投票
2 回答
1049 浏览

reactjs - 如何使用 react-toolbox 图标

我正在react-toolbox用于我的项目。

我已经尝试了它具有的一些功能,即图标按钮。现在我需要一个带有arrow-up 图标的按钮。我不知道它是否由 react-toolbox 提供。

<Button icon='arrow-up' floating />

上面的代码没有在按钮上显示任何图标

如何使用arrow-up图标?任何帮助表示赞赏

0 投票
1 回答
3005 浏览

reactjs - 将“%”后缀添加到 react-toolbox 输入编号内显示的值

我有一个类型为“number”的react-toolbox 输入组件,如下所示:

它显示 2.68

在此处输入图像描述

那么,是否可以在输入字段内将其显示为 2.68%

在此处输入图像描述

此外,每当值更改时,应保持显示“%”后缀。

0 投票
1 回答
800 浏览

reactjs - 更新到 React 16 findDOMNode 停止工作

我刚刚尝试将 React 更新到版本 16。不幸的是,我用作 UI 库的 React Toolbox 尚未适应该版本。

我接受了这个任务,但偶然发现了一些我找不到解决方案的东西

React Toolbox 使用 React.finDOMNode 做一些定位计算。升级到 React 16 findDomNode 现在总是返回 null 并且 React Toolbox 停止正常工作。

我试图隔离这个案子,但我失败了。在隔离中 React.findDOMNode 总是返回正确的节点。

隔离代码:

在 React Toolbox 中,例如在第 88 行的 Ripple 组件中,它总是返回 null。

在大多数情况下,我能够用 refs 替换 findDOMNode,但在这种情况下(Ripple 中的 ref 将引用 React 组件而不是 Element)解决这个问题,React.finDOMNode 也返回 null。

  1. React.findDOMNode 中是否发生了任何变化,以至于它不再像过去那样工作了?
  2. 我怎样才能考虑到这种变化并使 React TOOLbox 与 React 16 兼容。
  3. 你有解决这个问题的想法吗?

最好的问候托比亚斯

0 投票
1 回答
338 浏览

redux-form - 文本字段保持空白

我正在尝试将 React-Toolbox Input 组件与 Redux-Form 集成。但是,输入组件在键入时保持为空。我使用https://github.com/react-toolbox/react-toolbox/issues/1293作为集成指南。

这是使用react-toolbox 2.0.0-beta.12redux-form 7.2.0

0 投票
1 回答
2733 浏览

reactjs - 如何在反应工具箱中仅显示工具提示 onClick

react-toolbox官方文档中有一个工具提示示例。如何在输入上仅显示工具提示 onClick 事件。

0 投票
1 回答
247 浏览

reactjs - React-boilerplate 包版本控制不匹配错误,即使包更新到所需版本

我正在使用 react-boilerplate [3.5.0] 并尝试安装 react-toolbox。安装后我们应该运行命令npm run build:dll,现在它给出了错误=>

之后,我什至安装了所需的 postcss 版本 [6.0.17],但仍然出现此错误。如果有帮助,这是日志文件。

https://drive.google.com/file/d/1f7qbz4pHCuZC9b6s8NqzZHpFAIMloqLZ/view?usp=sharing

0 投票
0 回答
167 浏览

react-toolbox - react-toolbox 准备好用于 webpack 4 了吗?

当使用 Webpack 4 编译时(使用MiniCssExtractPlugin代替ExtractTextPlugin),我有一段时间获得某些组件的默认样式(即带有图标和对话框的按钮)来显示。

升级到 Webpack 4 时有其他人发现这种情况吗?

带注释的屏幕截图

0 投票
2 回答
4907 浏览

javascript - 在 React 中重新加载实时图像而不闪烁

我想在 React 中无限期地在静态 URL 上重新加载图像。通过一些搜索,我得出了以下不太理想的解决方案。它有效,但我想消除图像加载的闪烁。我意识到问题是组件被重新渲染,然后图像加载。我见过几个例子,它们使用两个图像,一个作为占位符,加载一个隐藏,直到它使用onLoadand加载setState,但它们都假设图像数量有限。在加载新图像之前,如何使此显示成为最后一个图像,CardMedia然后每五秒钟更换一次而不闪烁?

0 投票
3 回答
192 浏览

javascript - 如何使用文本而不是图标作为反应工具箱菜单?

我正在为我的网站使用 react-toolbox 菜单。根据文档React-toolbox menu中给出的示例,我只能使用 icon 作为我的菜单。如何改为使用文本作为菜单?

我想做的例子:

当我单击作为菜单的博客文本时,将显示 menuItem。

例子

是否有可能做到这一点?

0 投票
1 回答
499 浏览

reactjs - 对 IE 的下拉菜单做出反应

我刚开始反应,在 IE11 中显示下拉插入符号(箭头)时遇到问题。我正在使用 react-toolbox,它在 Chrome 和 Firefox 中可见。

经过一番调查,我认为这是渲染的问题 :after IE11 中的元素,我添加了

显示:块

就像这里的主题一样,但它没有用。

我的代码如下所示:

Chrome 中的结构如下所示:

铬合金

在 IE11 中像这样

IE11

你甚至看不到 :after 元素,就像在 Chrome 中一样。

有任何想法吗?

先感谢您。