JavaScript ArcGIS Compass.classes用法及代码示例

基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/widgets/Compass"], (Compass) => { /* code goes here */ });

ESM: import Compass from "@arcgis/core/widgets/Compass";

类： esri/widgets/Compass

继承: Compass > Widget > Accessor

自从：用于 JavaScript 4.0 的 ArcGIS API

用法说明

Compass.classes函数(或属性)的定义如下：

classes (classNames) {String} inherited

自从：ArcGIS 适用于 JavaScript 4.7 的 API

用于构建小部件class 属性值的实用方法。这有助于简化 CSS 类设置。

参数：

类型	说明
classNames String\|String []\|Object	可重复的类名。

类型	说明
String	计算出来的类名。

例子：

// .tsx syntax showing how to set CSS classes while rendering the widget

render() {
  const dynamicIconClasses = {
    [CSS.myIcon]: this.showIcon,
    [CSS.greyIcon]: !this.showIcon
  };

  return (
    <div class={classes(CSS.root, CSS.mixin, dynamicIconClasses)} />
  );
}

相关用法

注：本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 Compass.classes。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。

基本信息

用法说明

参数：

返回：

例子：