Javascript 离子4:离子芯片默认可激活/点击;如何关闭?

Javascript 离子4:离子芯片默认可激活/点击;如何关闭?,javascript,reactjs,ionic4,Javascript,Reactjs,Ionic4,使用离子4和React,我有以下代码: {this.state.numCorrect} 默认情况下,这将在我的浏览器中呈现以下DOM内容: ... 0 如你所见,ion activatable类被自动添加到芯片组件中,这使得它看起来可点击,并显示材料设计涟漪效应等。但我不希望该组件可点击(我只是将其用作指示组件)。我可以禁用这个类吗 Ionic 4的在线文档对此没有提供任何建议。如果您查看ion芯片的Webcomponent,您可以看到默认情况下添加了ion activatable类(

使用离子4和React,我有以下代码:


{this.state.numCorrect}
默认情况下,这将在我的浏览器中呈现以下DOM内容:


... 
0
如你所见,
ion activatable
类被自动添加到芯片组件中,这使得它看起来可点击,并显示材料设计涟漪效应等。但我不希望该组件可点击(我只是将其用作指示组件)。我可以禁用这个类吗

Ionic 4的在线文档对此没有提供任何建议。

如果您查看
ion芯片的
Webcomponent,您可以看到默认情况下添加了
ion activatable
类(您只能在呈现组件后修改类和事件):


谢谢,我明白了。我有点失望,Ionic 4开发人员不会将其作为可配置属性公开,而是将其硬编码为true。似乎很简单,足以揭露。。。
export class Chip implements ComponentInterface {
  /**
   * The color to use from your application's color palette.
   * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
   * For more information on colors, see [theming](/docs/theming/basics).
   */
  @Prop() color?: Color;

  /**
   * Display an outline style button.
   */
  @Prop() outline = false;

  render() {
    const mode = getIonMode(this);

    return (
      <Host
        class={{
          ...createColorClasses(this.color),
          [mode]: true,
          'chip-outline': this.outline,
          'ion-activatable': true,
        }}
      >
        <slot></slot>
        {mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
      </Host>
    );
  }
}