问题标签 [react-toolbox]

我正在使用 react-boilerplate ( https://github.com/mxstbr/react-boilerplate )。

当我使用“npm install --save react-toolbox”时，出现以下错误：

这是日志：

这里发生了什么？为什么我不能安装这个库以及如何解决这个问题？

为什么我会收到这个语法错误？？？让我发疯，我知道它很简单......我基本上从这里复制了示例代码：

http://react-toolbox.com/#/components/input

我只是想把它导入这里：

任何建议都非常感谢...

webpack.config.js：

包.json：

.babelrc

https://github.com/malexanders/react-toolbox-example

我使用react-boilerplate作为我项目的基础，因为它支持 Redux。

当我访问我的应用程序时，我在终端中收到以下错误：

我的 App/containers/MyContainer/index.js 这是应用程序这一部分的主要条目： https ://github.com/react-toolbox/react-toolbox/files/285221/index.zip

我的 package.json： https ://github.com/react-toolbox/react-toolbox/files/285226/package.json.zip

我认为该文件等效于此样板模板中的 webpack.config.js： https ://github.com/react-toolbox/react-toolbox/files/285227/webpack.test.babel.zip

我如何解决这个错误并将 react-toolbox 与 react-boilerplate 一起使用？

我正在使用 react 工具箱，并且在我的 webpack 配置中我有（我只发布了配置的重要部分）：

在app/theme/_config.scss我已经定义：

现在有什么奇怪的，我的颜色应用正确。

现在，我想创建一个自定义Card组件，我已经像这样定义它（只是为了测试主题）：

导出默认 CardStatus；

在 style.scss 我有：

我的应用程序编译没有错误，但黄色不适用于我的 CardTitle：

我确实尝试过：

1. theme={theme}
2. theme={theme.title}

但没有什么......颜色不起作用。

我做错了什么？

我在我的 UI 中使用 react-toolbox，我的构建工具是 webpack。react-toolbox.css我已将 webpack 配置为在我的dist目录中生成样式文件。此文件包含我的应用程序中的 react-toolbox 组件使用的 CSS 类的定义。在我的index.html这个 CSS 文件中添加为外部链接。我的应用程序样式（我为应用程序中的非 react-toolbox 组件编写的样式）require在我的app.js文件中，并使用 less-loader 加载。目前我的应用程序运行良好。

• app.js下载以提供应用程序脚本和应用程序样式
• react-toolbox.css下载为 react-toolbox 组件提供样式

我想知道是否有一种方法可以将 react-toolbox.css 的内容与我的样式合并，并需要在内部生成的 css app.js，从而无需单独react-toolbox.css

当我在 react 本机应用程序上使用 install commando ( npm install --save react-toolbox) 时，我收到以下错误：

是否可以在 react-native 应用程序上安装工具箱？

我正在构建一个基于https://github.com/ctrlplusb/react-universally的反应应用程序，它使用 Webpack 2。

对于我的 UI 组件，我想使用http://react-toolbox.com。

我在另一个项目中使用 Webpack 1 为 react-toolbox 设置了 webpack 设置。不知何故，类似的配置不再起作用：

我当前的 webpack 配置如下所示：

我正在尝试编辑包std:accounts-material以使用 react-toolbox 而不是实现，但到目前为止我还没有成功。我正在使用他编辑为使用 material-ui 的 lawrently 的帐户材料作为指南。

这是我到目前为止所做的更改以及我得到的错误：

错误：

原来的：

任何帮助将不胜感激。

我正在使用Tabsreact -toolbox 的组件。一切都很顺利，除非Tabs菜单的文本太长并且被其他部分重叠，如下图所示：

通过直接添加到nav属性overflow-x: auto，我可以正常滚动到最后一个选项卡，但是有没有办法设置Tabs组件内部的水平滚动条样式，使用其他 React 组件，如react-custom-scrollbar或者我应该编写一个 js 函数来处理滚动条？

在第二个选项中，我应该如何实现该功能？

我是新来的反应和反应工具箱。React 工具箱使用 scss。我还不知道 scss 还面临着定制其组件的问题。

这就是我所拥有的：

一个带有导航组件的 appbar 组件。

我尝试将 css 类应用于 appbar 组件并且它有效。

但是，导航组件上的 className 不起作用，想知道原因。为什么它适用于AppBar而不适用Navigation？另外，对于 appBar css，背景属性被覆盖但不是高度属性。这是为什么？

另外，如何将主题传递给这些组件？我知道这需要用 SCSS 文件编写。但是我可以得到一个非常简单的例子吗？

文档显示：

但是 PurpleAppBar.scss 是什么，它应该是什么样子？我相信这是一个自定义的 SCSS 文件？

另外，我正在开发一个 web 应用程序，所以 material-ui 对我来说不是一个好的选择。我们有什么更好的方法来增强 react web 应用程序中的 UI 吗？