Method render

src/DropdownItem.js:61–113

()

  }

  render() {
    const tabIndex = this.getTabIndex();
    const role = tabIndex > -1 ? this.getRole() : undefined;
    let {
      className,
      cssModule,
      divider,
      tag: Tag = 'button',
      header,
      active,
      text,
      ...props
    } = omit(this.props, ['toggle']);

    const classes = mapToCssModules(
      classNames(className, {
        disabled: props.disabled,
        'dropdown-item': !divider && !header && !text,
        active: active,
        'dropdown-header': header,
        'dropdown-divider': divider,
        'dropdown-item-text': text,
      }),
      cssModule,
    );

    if (Tag === 'button') {
      if (header) {
        Tag = 'h6';
      } else if (divider) {
        Tag = 'div';
      } else if (props.href) {
        Tag = 'a';
      } else if (text) {
        Tag = 'span';
      }
    }

    return (
      <Tag
        type={
          Tag === 'button' && (props.onClick || this.props.toggle)
            ? 'button'
            : undefined
        }
        {...props}
        tabIndex={tabIndex}
        role={role}
        className={classes}
        onClick={this.onClick}
      />
    );
  }
}

DropdownItem.propTypes = propTypes;