问题标签 [blueprintjs]

我们大量使用 blueprintjs 库，包括对话框。当我们使用 React-intl 库来翻译对话框中的字符串时，就会出现问题。react-intl 库通过反应上下文对象传递一些数据。https://github.com/yahoo/react-intl/blob/4c7a766ec59f3fdceb5f0079359ca3919a23c5e3/src/components/message.js#L59

这意味着，如果我们改变上下文，我们所有的 UI 都会改变，除了 Popover 和 Dialogs。我怀疑这是因为上下文没有更新。任何解决方法/想法？

我正在为我的 ReactJS webapp 使用 BlueprintJS UI 组件。我想在使用 Tree 组件呈现文件资源管理器时摆脱警告：

Each child in an array or iterator should have a unique "key" prop. Check the render method of "Tree"

在Tree 组件的文档中，我可以找到一个key可能是我正在寻找的属性，但我无法消除警告。

node: [ { hasCaret: true, iconName: "folder-close", label: "Folder 0", key: '1e' } ]

Eveb 这个简单的树结构给了我警告。有什么建议么？

运行时出现以下错误npm run storybook。我几乎可以肯定这是因为我的 webpack.config 中缺少某些东西或缺少 npm 包。

我已经研究了尽可能多的我知道如何/寻找什么来解决这个问题，并希望能得到帮助。

链接到我的示例 Github 存储库 https://github.com/hungrysquirrel/storybookv3/commit/85ba4e87ad7b27fbb3433a61c49da0fc254f528d

启动服务器时我可以在终端中看到的错误

我目前正在尝试制作允许我为不同的表格行输入热键的 UI...

所以主要想法是制作像editableCell这样的东西，我将在其中输入热键。

我已经从文档中找到了 getKeyComboString 方法：http: //blueprintjs.com/docs/#core/components/hotkeys.key-combos

但我的问题是：我如何制作像 EditableCell 双击这样的东西？

我查看了源代码并发现，editableCell 为此使用了 Draggable 组件（正如我可以说的那样），但我无法导入它。所以我不知道我应该如何检查我的输入是否失去焦点......

任何想法如何进行热键输入？

我正在尝试使用 blueprintjs，所以我按照教程使用了这一行：

main.sass

但是我的 webpack-dev-server 给了我这个错误日志：

所以我很困惑为什么它试图将 index.js 文件作为 sass 解析为 css！

看着./config/webpack/loaders/sass.js，我没有碰过：

我只看到它试图读取 sass、scss 和 css 文件。有什么想法我缺少或应该检查吗？

尝试内联渲染 SVGTooltip，似乎 html 没有在 SVG 内渲染。这是道具不兼容的问题吗？我已经查看了工具提示的来源，它由 span、div 和其他 html 元素组成，如果不使用 foreignObject 标签作为父元素，这些元素是否不能在 SVG 内部绘制？

我正在考虑在应用程序中使用Blueprintjs 。

是否可以在按钮、菜单和导航栏组件中使用自定义 SVG 图标？我见过的所有示例都使用内置图标集。

我正在开发的应用程序将严重依赖自定义图标，因此仅限于内置集是行不通的。

似乎这将是一件显而易见的事情，所以我想我只是没有找到样本。如果有人能指点我一些，我将不胜感激。

我正忙于尝试 Blueprint.js 和 MultiSelect 组件，我不知道它仍在积极开发中：http: //blueprintjs.com/docs/#labs.multiselect

我从未使用过 TypeScript，据说

所以我的问题是，是否可以在不使用 TypeScript 的情况下在 Javascript 中使用这个组件？

我的 react 组件目前没有渲染，出现以下错误：

组件定义为：

我知道我可以使用hoverOpenDelay={0}and hoverCloseDelay={0}，但据我所知，popover 容器上仍有 100 毫秒的不透明度过渡，我无法更改。我想删除此过渡，以便弹出框立即出现。

谢谢您的帮助！

我是新来的反应，我用以下方式构建我的应用程序：

我不使用 webpack，因为 create-react-app 为我完成了所有工作，我认为这很好！

当然，我需要一个用于智能组件的工具箱。感谢 Palantir 免费提供这么好的库。Blueprintjs 可以很好地与 React/Typescript 配合使用，[即使仍然没有在 typescript 中创建许多类（例如：我必须将 <ul> 用于“pt-breadcrumbs”，而为“pt-breadcrumb”提供类 Breadcrumb）。但除此之外，工具箱还可以。]

现在我想自定义应用程序的外观和感觉，以满足客户的约束：

• 背景和文本颜色
• 圆角与否
• 字体系列和大小
• 图标列表
• 组件的填充
• 过渡延迟
• 等等

我在任何地方都找不到自定义所有这些的文档。（在 github 中查看文档，在 stackoverflow 中进行大量的谷歌搜索和搜索）

• 我应该在我的项目中添加一个 css 文件并覆盖 blueprintjs 类吗？
• 我可以在我的项目之外编写一个“主题”，并将其复制到一些不同的项目中吗？（就像我以前对 jqueryui 所做的那样）
• 我可以在不使用 webpack 的情况下做到这一点吗？（我觉得这个工具太复杂了）

谢谢你的帮助。