问题标签 [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.
webpack - 将 ES6 编译为 ES5 时出现意外令牌,这是怎么回事?
我正在尝试升级react-toolbox的cljsjs包,这需要将整个项目从 ES6 编译到 ES5。我收到此错误:
瑞波币似乎是令人讨厌的标志。有什么想法吗?
完整文件包含:
到目前为止,我正在构建的 webpack 配置如下所示:
javascript - React-Toolbox RadioGroup onChange 不起作用
我正在尝试使用 react-toolbox 单选按钮https://github.com/react-toolbox/react-toolbox/tree/dev/components/radio在我的反应应用程序中设置单选按钮。
这是我的代码:
有两个问题:
- 尽管我声明
this.state.counterType
为 1,但未检查单选按钮 - 尝试更改状态(通过单击)时,不会触发 onChange
使用字符串而不是整数也不能解决问题。我在这里做错了什么?谢谢!
javascript - React-Toolbox 内联复选框
我目前在尝试像这样内联显示它们时遇到了 react-toolbox-checkboxes https://github.com/react-toolbox/react-toolbox/tree/dev/components/checkbox的问题:
但我所能做的就是像这样显示它们:
代码如下所示:
像这样的风格:
复选框确实接收类和属性,但像“display:inline-block”这样的属性对它们没有任何影响。有任何想法吗?谢谢!
javascript - 是否可以向 React Tool Box Table body 添加无限滚动?
我在我的应用程序中使用react-toolbox表格组件(用于材料样式实现的 react-toolbox)。我需要为表格主体添加无限滚动分页。我找到了一些为我执行此操作的库,其中一些是react-infinite,react-infinite-scroller,但问题是,要使用任何库,我需要将表行作为子项放在其库组件中,但是 ract-工具箱表不允许我div
在文档中使用任何 's 或特殊组件:
表示表格中一行的元素。它应该作为 Table 的直接后代放置,并且应该有 TableCells 子级。它从 Table 接收额外的属性来决定是否应将复选框放置为第一列。
实际上他们的图书馆有一个封闭的问题,但它并没有解决我的问题。请帮我这样做,或者建议我一个合适的库(或)是否有任何其他方法可以在不使用任何库的情况下无限分页?任何帮助,将不胜感激。
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 来设置单个组件的样式?
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 配置:
javascript - 从另一个文件导入代码时,React-toolbox 选项卡不会呈现
我正在使用react-toolbox 选项卡,如果我将它们提取到单独的文件中,它们不会被渲染,但如果代码被提取到同一个文件中,它们会渲染。我无法弄清楚发生这种情况的原因。例如:
如果这两个函数保留在同一个文件中,那么一切正常。如果我将它们提取到单独的 JS 文件中并将它们导入到 React 组件文件中,那么选项卡将不会呈现,并且我在控制台中看不到任何错误。任何想法为什么会发生这种情况?谢谢!
react-toolbox - 如何呈现反应工具箱菜单
如何渲染一个 react-toolbox 菜单组件?文档中没有示例。或者,更确切地说,该示例使用 IconMenu 包装器,如果您需要传入active
属性,则该包装器不可用。
当我渲染一个菜单时,它总是被渲染为活动的,不管active
属性如何。这可能是一个 css 问题,但我无法理解 IconMenu 如何应用 css,以及它与 ThemeProvider 的交互。
reactjs - 如何将 React 包含为纯 JavaScript 文件
有没有办法做到这一点?我只在前端使用 react.js 并希望保持这种状态。