问题标签 [react-toolbox]

我们刚刚开始使用 React-Toolbox，并且在将菜单项添加到图标菜单时遇到了一些问题。该文档没有任何关于这样做的信息，那么有没有人有一个例子说明在组件类中使用 AppBar 时如何添加它们？

我有一个 FieldArray：

数据：

我需要显示 SwitchField 取决于 url 有一个值

TextField 和 SwitchField 是 react-toolbox 的自定义组件：

我在我的一个项目中使用react-toolbox。

应用结构

应用组件

主页导航组件

注意：Link在进口自react-router

路线

正如预期的那样工作正常；只有Content在路由之间切换时才会刷新。但是当我使用react-toolbox中的Link组件时，整个页面都在刷新。

有没有办法改变这种行为？

在react-toolbox文档中，#在 routes( #/components/link) 中使用。#但是我在我的路线中使用有限制。

我的反应构建遇到了一个有趣的错误。我的配置在我的 Mac 上运行良好，但在我的 Windows 10 计算机上运行时出现以下错误：

这是我的 Webpack 2 配置

为了更好的衡量，这是我的 .babelrc 配置

不知道为什么在 Windows 10 上编译时会出现错误，但在我的 Mac 上运行良好。对于 PostCSS 或 Webpack 2，我似乎找不到有关此问题的任何当前信息。

有任何想法吗？

所以我有一个来自 react 工具箱库的简单 Checkbox 组件，当我单击它时，我可以看到复选框从选中变为未选中，但是在控制台中，每次单击它时都会看到这些错误：

未捕获的错误：findComponentRoot(..., .0.0.1.1.1:$ripple1.0): 无法找到元素。这可能意味着 DOM 被意外变异（例如，被浏览器），通常是由于在使用表格时忘记了 a，嵌套标签，如 ,

, 或 , 或在父级中使用非 SVG 元素。尝试使用 React ID ` 检查元素的子节点。不变的.js:39

我的组件：

在我的控制台中，我可以看到该handleChange功能正在运行：
Object {consent: false} page.js:14
consent true

当我在 Chrome 中使用 React Inspector 检查 CheckBox 组件时，我注意到了两件奇怪的事情：

• 当我单击复选框时，父组件（CheckBox）中的checked属性没有改变。
• 此 CheckBox 组件内的元素中的checked属性正在更改。input
• 状态对象正在改变（再次根据我的第一点，CheckBox 组件不服从checked={this.state.consent}！）

由于某种原因 this.setState 不适用于组件。任何见解将不胜感激！

我在故事书中创建一个简单的反应工具箱按钮故事时遇到问题。我想强调一点，我在应用程序中设置的所有 react-toolbox 都运行良好。适当postcss.config.js的文件如下所示：

我收到了这个错误，我不确定我的配置中缺少哪个加载程序。

看起来有问题，@import但为什么我的应用程序一切正常？有人在这里，可以帮助我解决这个问题吗？

感谢您的任何建议。

正如 este wiki 中推荐的那样，我想使用 react-toolbox 在材料设计中创建组件。我已经用 npm 安装了 react-toolbox。尝试使用按钮时出现此错误。

有人可以帮我吗？

我正在使用 webpack，并且一直在尝试配置 react-toolbox 库。我设法让它工作，但 CSS 没有加载。

webpack.config.js

最初我在 reactjs 中使用简单的 html 选择框，我迭代了我的数组作为子元素中的道具

但我不知道在 react-toolbox Dropdown 中迭代我的数组的位置。我尝试了以下

Webpack 业余爱好者在这里...我正在尝试按照此处theme.scss指定的说明合并一个文件来自定义 React Toolbox 使用的主题，即：

如果你使用 Webpack 作为模块打包器，你可能也在使用 sass-loader。我们想要做的是在每个 SASS 文件编译之前添加一堆要覆盖的变量，这可以通过 data 选项来完成。例如：

sassLoader: { 数据: '@import "' + path.resolve(__dirname, 'theme/_theme.scss') + '";' }

在这种情况下，我们将主题导入添加到每个 SASS 编译中，以便在每个样式表中更改主颜色。

我在用我当前的 webpack 配置实现这个指令时遇到了问题，它看起来像这样：

我没有收到错误，但似乎该data选项被完全忽略了，因为我的文件没有被导入。

这是我的theme.scss文件（位于client/theme.scss）：

我觉得我必须在这里做一些愚蠢的事情，但我快把自己逼疯了。我曾尝试弄乱theme.scss文件的路径（将data属性更改为data: '@import "' + path.resolve(__dirname, 'client/theme.scss') + '";'），但这并没有什么不同。我很惊讶我没有收到某种错误。

有什么建议么？