只有 Blueprintjs 导航栏 CSS 吗?
Is the Blueprintjs navbar CSS only?
安装 Blueprintjs 核心包后,我想开始使用 Navbar 组件,但是当我 import
它时,在节点模块中找不到它。
在 github repo there is only a SCSS file in the component's directory while in the docs 中提到了一个 Navbar
组件,这让我很怀疑。
组件不都是React组件吗?
谢谢
是的,.pt-navbar
只是 CSS。没有 Navbar
React 组件,因为没有花哨的逻辑,只有一堆 class 名称。
您可以使用Blueprint.Core.Classes
中定义的常量来简化渲染。参见 https://github.com/palantir/blueprint/blob/release-1.13.0/packages/core/src/common/classes.ts#L100-L103。
(编辑:组件声明它们是否提供 JavaScript API、CSS API 或两者。只需查看标题即可。)
更新: 我将 Chris Lewis 的新答案合并到已接受的答案中,因为现有已接受的答案对最新版本的 Blueprintjs 不再有效:
The Navbar component now offers a JS API as of @blueprintjs/core
v1.34.0 (release | PR).
更新: Navbar 组件从 @blueprintjs/core v1.34.0
(release | PR) 开始提供 JS API。
安装 Blueprintjs 核心包后,我想开始使用 Navbar 组件,但是当我 import
它时,在节点模块中找不到它。
在 github repo there is only a SCSS file in the component's directory while in the docs 中提到了一个 Navbar
组件,这让我很怀疑。
组件不都是React组件吗?
谢谢
是的,.pt-navbar
只是 CSS。没有 Navbar
React 组件,因为没有花哨的逻辑,只有一堆 class 名称。
您可以使用Blueprint.Core.Classes
中定义的常量来简化渲染。参见 https://github.com/palantir/blueprint/blob/release-1.13.0/packages/core/src/common/classes.ts#L100-L103。
(编辑:组件声明它们是否提供 JavaScript API、CSS API 或两者。只需查看标题即可。)
更新: 我将 Chris Lewis 的新答案合并到已接受的答案中,因为现有已接受的答案对最新版本的 Blueprintjs 不再有效:
The Navbar component now offers a JS API as of
@blueprintjs/core
v1.34.0 (release | PR).
更新: Navbar 组件从 @blueprintjs/core v1.34.0
(release | PR) 开始提供 JS API。