问题标签 [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 投票
1 回答
685 浏览

reactjs - 反应工具箱零件

在 React-Toolbox 中编写<Input />组件时,在定义错误 Prop 时,它默认显示在页面上。如何动态呈现错误或配置它。下面的代码...所以您总是会在输入字段下方看到错误消息“无效的电子邮件地址”。

0 投票
1 回答
1043 浏览

reactjs - react-redux 组件的元素类型无效(得到:未定义)

我正在尝试为redux-form. 这是我的组件

我还创建了一个index.js文件以轻松导入它

然后我像这样使用它

但我得到这个错误

错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。检查TextField.

我再次检查

0 投票
1 回答
682 浏览

reactjs - 如何使用 react-toolbox 扩展卡片

react-toolbox 卡片组件 ( http://react-toolbox.com/#/components/card ) 是否提供类似于 material-ui 卡片的任何可扩展选项?(http://www.material-ui.com/#/components/card

0 投票
1 回答
618 浏览

css - React 工具箱组件非常庞大

我正在玩React Toolbox,我注意到(不是你会错过它)组件渲染得非常大。这是一个例子:

在此处输入图像描述

我敢肯定那是不正确的,工具栏的高度很大,而且那些复选框……嗯……有什么我遗漏的吗?这是第一次使用 React Toolbox。

我不确定这是否Layout组件有关?您可以在此处的文档中查看它。它继续描述它如何拥有所有这些花哨的断点,但我不知道如何实际实现和使用它们?

0 投票
1 回答
1103 浏览

reactjs - 反应工具箱日期选择器左右箭头不起作用

我正在使用反应工具箱日期选择器组件。我在日历中遇到了 chevron-left 和 chevron right 箭头的问题。代替箭头图标,我得到了 chevron-left 和 chevron right 的值。请建议。

谢谢。

0 投票
1 回答
462 浏览

reactjs - React 工具箱 - 循环 ProgressBar 仅在加载 JSON 时动画旋转

编辑:似乎问题不在于加载部分,但实际上是反应不喜欢处理这么多元素。一旦我有机会确认发生了什么,我会尽快更新这篇文章的详细信息。我的第一个测试 JSON 是一堆重复的条目(所以我的文件需要一些时间来加载)触发了一些组件渲染,我的 Json 中有大约 40000 个条目。使用仅包含 3 个条目的新 json 进行测试,每个条目都有很多嵌套数据,所以我的文件仍然很重并且需要一些时间来加载,确实解决了这个问题。

我完全不明白这是怎么可能的:我有一个 json,我正在http://code.pensionsmilitaires.com/codes上加载

在加载期间,圆形路径元素没有动画。只需等待 json 完成加载即可看到相同的 ProgressBar 动画正确...

这是我的渲染功能

如果有人知道我该如何解决这个问题,那就太棒了!无论如何感谢您阅读我的问题^^

0 投票
1 回答
134 浏览

javascript - React 工具箱找到 ~react-toolbox/lib/colors

我在尝试使用工具箱设置 webpack 时遇到了一些问题。出于某种原因,我不知道为什么它不起作用。

我的 webpack 文件如下所示:

然后我的 index.scss 看起来像:

我遇到的错误是:

我的目录也看起来像:我的目录 任何关于正在发生的事情的帮助都将非常感激。谢谢 !

0 投票
1 回答
191 浏览

reactjs - 如何使用试剂在 ClojureScript 上进行正确的双向绑定?

我正在为 ClojureScript/Reagent的React Toolbox编写一个名为Reagent Toolbox的包装器。在 React Toolbox 中,有一个这样使用的输入组件:

我围绕该 React 组件创建了一个 Reagent 组件,如下所示:

这样我就可以像这样使用它:

但与 React 版本不同的是,在 Reagent 版本中,输入上的每次按键都会导致组件重新渲染,从而使光标跳到末尾。您可以在这里体验这种效果:http ://reagent-toolbox-docs.dashman.tech/input

我做错了什么?我错过了什么?

0 投票
1 回答
126 浏览

reactjs - 错误测试包含 react-toolbox 组件的 react 组件

我正在尝试测试一些包含来自反应工具箱的组件的反应组件,当我将它们导入测试文件时,我收到此错误:

其他人是否面临此错误,有人可以帮助我吗?

0 投票
2 回答
220 浏览

reactjs - 使用 react-toolbox 和 reactGo

我使用reactGo作为 web 应用程序的样板,我想包含UI 的react-toolbox。通过一些徒劳的实验,我至少在将其纳入项目方面取得了一些进展。我正在挂断开发服务器渲染。由于 reactGo 是同构/通用的(不再真正关心语义),它试图在 Webpack 的服务器编译期间加载到 react-toolbox 中。问题是 react-toolbox 是使用 CSS 模块构建的。Webpack 2 可以处理 CSS 模块,但我在某个地方被赶上了。任何输入都会非常有帮助。

webpack/rules/index.js:

webpack/rules/reactToolbox.js

我添加了“isomorphic-style-loader”来帮助解决我在使用 style-loader 时遇到的问题,它似乎有所帮助。但是我仍然坚持让“css-loader/locals”正确地完成它的工作。

每当我从 react-toolbox 库中包含一个组件时,我都会遇到如下错误:

我已经在这方面推进了一段时间,我需要一些外部视角。任何输入都会有所帮助。如果您认为这会有所帮助,请不要害怕询问更多背景信息或代码。