JavaScript ArcGIS ClassedSizeSlider.classes用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

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

ESM: import ClassedSizeSlider from "@arcgis/core/widgets/smartMapping/ClassedSizeSlider";

類： esri/widgets/smartMapping/ClassedSizeSlider

繼承: ClassedSizeSlider > SmartMappingSliderBase > Widget > Accessor

自從：用於 JavaScript 4.12 的 ArcGIS API

用法說明

ClassedSizeSlider.classes函數(或屬性)的定義如下：

classes (classNames) {String} inherited

用於構建小部件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大神的英文原創作品 ClassedSizeSlider.classes。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。

基本信息

用法說明

參數：

返回：

例子：