问题标签 [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 回答
542 浏览

webpack - 将 ES6 编译为 ES5 时出现意外令牌,这是怎么回事?

我正在尝试升级react-toolbox的cljsjs包,这需要将整个项目从 ES6 编译到 ES5。我收到此错误:

瑞波币似乎是令人讨厌的标志。有什么想法吗?

完整文件包含:

到目前为止,我正在构建的 webpack 配置如下所示:

0 投票
2 回答
738 浏览

javascript - React-Toolbox RadioGroup onChange 不起作用

我正在尝试使用 react-toolbox 单选按钮https://github.com/react-toolbox/react-toolbox/tree/dev/components/radio在我的反应应用程序中设置单选按钮。

这是我的代码:

有两个问题:

  1. 尽管我声明 this.state.counterType为 1,但未检查单选按钮
  2. 尝试更改状态(通过单击)时,不会触发 onChange

使用字符串而不是整数也不能解决问题。我在这里做错了什么?谢谢!

0 投票
2 回答
1687 浏览

javascript - React-Toolbox 内联复选框

我目前在尝试像这样内联显示它们时遇到了 react-toolbox-checkboxes https://github.com/react-toolbox/react-toolbox/tree/dev/components/checkbox的问题:

在此处输入图像描述

但我所能做的就是像这样显示它们:

在此处输入图像描述

代码如下所示:

像这样的风格:

复选框确实接收类和属性,但像“display:inline-block”这样的属性对它们没有任何影响。有任何想法吗?谢谢!

0 投票
1 回答
933 浏览

javascript - 是否可以向 React Tool Box Table body 添加无限滚动?

我在我的应用程序中使用react-toolbox表格组件(用于材料样式实现的 react-toolbox)。我需要为表格主体添加无限滚动分页。我找到了一些为我执行此操作的库,其中一些是react-infinitereact-infinite-scroller,但问题是,要使用任何库,我需要将表行作为子项放在其库组件中,但是 ract-工具箱表不允许我div在文档中使用任何 's 或特殊组件:

表示表格中一行的元素。它应该作为 Table 的直接后代放置,并且应该有 TableCells 子级。它从 Table 接收额外的属性来决定是否应将复选框放置为第一列。

实际上他们的图书馆有一个封闭的问题,但它并没有解决我的问题。请帮我这样做,或者建议我一个合适的库(或)是否有任何其他方法可以在不使用任何库的情况下无限分页?任何帮助,将不胜感激。

0 投票
0 回答
273 浏览

css - 使用 Create React App 时如何在 React-Toolbox 2 中应用主题

我使用 create-react-app 启动了一个新项目,并成功让 react-toolbox 2.0.0-beta.6 与默认主题一起使用。同样,我已经能够通过在我的 package.json 中设置“customProperties”来应用全局主题更改。

在一个单独的项目中,不使用 CRA(即使用 post-css 模块),我已经能够自定义单个组件(例如来自 react-toolbox-examples repo 的 PurpleAppBar)。

但是,我正在努力弄清楚如何在使用 react-toolbox-themr 时执行类似“PurpleAppBar”示例的操作。当我npm run toolbox从主题运行样式信息时,编译的 css 中没有拾取。

目前有没有一种方法可以使用适合在 create-react-app 中使用的 react-toolbox-themr 来设置单个组件的样式?

0 投票
2 回答
486 浏览

reactjs - React Toolbox 图标显示为替代文本

在此处输入图像描述

我正在尝试使用带有图标的按钮。

我尝试在不同的组件中使用图标。什么都没解决。

<FontIcon value='add' />

上面的代码也呈现为文本。

0 投票
1 回答
109 浏览

reactjs - Webpack SCSS 更新未捕获的类型错误

我有反应,webpack 项目。当我更新我的 scss 文件时,Webpack 编译器失败并抛出以下错误:

未捕获的类型错误:超级表达式必须为 null 或函数,未在 _inherits 处未定义 (mylibrary-2.2.1.js?4b97a9abb4c0baa4939f:sourcemap:39228)

错误的屏幕截图

如果我重新启动 webpack 开发服务器,错误就会消失。每当我更新 .scss 文件时,都会再次出现同样的错误。

在我安装react-toolbox v2.0.0.0-beta.12之后,该错误开始出现。我知道这个错误可能是因为 beta 包。但是 react-toolbox 的贡献者说错误出在 webpack 配置上。

请注意,在我添加以下配置后,错误已经开始:

版本号:

提取文本 webpack 插件: “^3.0.0”,

webpack: "^3.3.0",

webpack-dev-server: "^2.6.1",

反应: “^15.6.1”

完整的 webpack 配置:

完整来源:https ://github.com/arikanmstf/mylibrary

0 投票
1 回答
124 浏览

javascript - 从另一个文件导入代码时,React-toolbox 选项卡不会呈现

我正在使用react-toolbox 选项卡,如果我将它们提取到单独的文件中,它们不会被渲染,但如果代码被提取到同一个文件中,它们会渲染。我无法弄清楚发生这种情况的原因。例如:

如果这两个函数保留在同一个文件中,那么一切正常。如果我将它们提取到单独的 JS 文件中并将它们导入到 React 组件文件中,那么选项卡将不会呈现,并且我在控制台中看不到任何错误。任何想法为什么会发生这种情况?谢谢!

0 投票
0 回答
45 浏览

react-toolbox - 如何呈现反应工具箱菜单

如何渲染一个 react-toolbox 菜单组件?文档中没有示例。或者,更确切地说,该示例使用 IconMenu 包装器,如果您需要传入active属性,则该包装器不可用。

当我渲染一个菜单时,它总是被渲染为活动的,不管active属性如何。这可能是一个 css 问题,但我无法理解 IconMenu 如何应用 css,以及它与 ThemeProvider 的交互。

0 投票
2 回答
141 浏览

reactjs - 如何将 React 包含为纯 JavaScript 文件

有没有办法做到这一点?我只在前端使用 react.js 并希望保持这种状态。