问题标签 [blueprintjs]

Blueprint UI 库提供了一个Toaster组件，用于显示用户操作的通知。从文档中，它是通过第一次调用来使用的

const MyToaster = Toaster.create({options})， 其次是

MyToaster.show({message: 'some message'}).

我无法将该show方法融入 React 的生命周期 - 如何创建一个可重用的烤面包机组件，该组件将在不同的按钮点击时显示不同的消息？如果有帮助，我将使用 MobX 作为数据存储。

目前，我正在使用HtmlWebpackPlugin热重载进行开发以生成一个包含 javascript 包的 html 文件。

这适用于以下 webpack 配置：

但是，它不包括 blueprintjs 样式表。我应该如何配置它？我试过less-loader了，但它没有导入任何东西。

现在blueprint的主 css 文件有一些类，比如pt-intent-primary, pt-intent-success, pt-intent-warning;etc。我想更改其中一些类的默认颜色。我应该在我的代码中导入其源 .scss 文件（如果是，如何？）还是应该从给定的 .scss 文件中单独构建一个 .css 文件，然后使用它。

我是 React 新手，只是偶然发现了令人惊叹的蓝图组件。但是，我无法使用它，并且对安装指南感到困惑。它与我目前使用的完全不同。

谁能解释我如何在没有 Typescript 的情况下使用蓝图？

我正在寻找 blueprintjs 中的类似功能，我们有吗？

像下面的东西

http://www.material-ui.com/#/components/stepper

菜鸟问题： cSS API 的目的是让组件作为普通 HTML 使用而不需要任何额外的 React 代码成为可能吗？因此，仅使用 CSS API 是否需要包含 React JS 包或 Blueprint JS 包可以单独工作？

我在使用 redux 的 blueprintjs 表时遇到问题。在这里，我试图通过 redux 维护行选择。我对 react/redux 还很陌生，所以也许我遗漏了一些东西？

我尝试了没有 redux 的相同组件（即选择修改了组件的状态）并且它工作正常，但我更喜欢使用 redux。

这是一个带有 redux 的最小示例（jsx）：

当我单击行标题时，会调用 TableTestRedux.render()，这会导致所有表格单元格为空白。日志显示：

警告：NaN是heightcss 样式属性的无效值。检查RegionLayer.

我正在尝试@blueprintjs/core在我的项目中使用该库。但是，当我编译我的代码时，我遇到了很多这样的错误：

这是怎么回事？我究竟做错了什么？

行为描述

在下面的 gif 中，当加载字幕（灰色文本）时，它们似乎仍然具有与加载状态相同的背景动画，即background-color仍在动画中。单击后，动画消失，字幕按预期呈现（无background-color动画）。这只发生在 Chrome 中。我无法在 Safari 中重现这一点。

细节

上面 gif 中的一个框的一般 dom 结构如下所示：

根据加载状态，modifier上面的占位符要么是pt-skeleton（一个带有这些动画样式的 CSS 类）要么没有。样式的代码在这里。

在显示发光背景和文本时检查字幕时，样式中没有任何内容表明animation设置了属性。为什么 Chrome 决定暂时保留不再应用于我的元素的类的 CSS 样式？

可能相关的铬错误

我有 90% 的蓝图工作，并且能够实现这些功能 - 除了图标库。我尝试了其他几个 UI 工具包，这是我遇到图标问题的第一个。

我尝试将图标和 CSS 文件直接转储到我的流星客户端文件夹中并重新链接 CSS 依赖项，因此它不应该是文件访问问题。我只会使用不同的图标库，但是通过 CSS 文件重新链接所有内容需要做很多工作