菜鸟问题: cSS API 的目的是让组件作为普通 HTML 使用而不需要任何额外的 React 代码成为可能吗?因此,仅使用 CSS API 是否需要包含 React JS 包或 Blueprint JS 包可以单独工作?
2 回答
作为 Blueprint 的作者,我可以确认实际上可以仅通过 CSS使用某些Blueprint 组件。在文档中描述 CSS API 的组件可以在没有 React 的情况下使用,但通常需要注意(最大的问题是您必须正确编写标记)。CSS API 是作为 JavaScript (React) API 的替代品提供的,并且 CSS 修饰符由 JS API 通过className
prop 支持。
由于 Blueprint 是基于 React 的 UI 工具包,因此使用 React 可以获得最佳体验,主要是因为您不再需要正确编写标记。
没有 ReactJS就不可能像普通 HTML 一样使用组件。Blueprint 是一个用于 Web 的ReactJS UI 工具包。
他们的预制(React)组件可通过 JavaScript API 或 CSS API(或两者)进行定制。
一些组件所具有的 CSS API 背后的想法是为样式自定义提供额外的选项。
让我们举个例子。请参阅菜单组件。它的CSS API允许我们修改菜单的样式。一个例子是我们可以向菜单项添加图标,在他们的文档中阅读:
将图标添加到菜单项的方式与添加按钮的方式相同:只需添加适当的
pt-icon-<name>
类*。
PS:我建议您阅读 ReactJS 文档,了解 ReactJS 组件的工作原理,深入了解 ReactJS 的核心概念(或完成基础课程),然后再尝试实现 BlueprintJS。