taro-material/h5/components/action-sheet/body/item/index.js

Mini Program components that implement Google's Material Design.

import Nerv from "nervjs";
import Taro from "@tarojs/taro-h5";
import classNames from 'classnames';
import { View } from '@tarojs/components';
import PropTypes from 'prop-types';
import _isFunction from 'lodash/isFunction';
import AtComponent from "../../../../common/component";

export default class AtActionSheetItem extends AtComponent {
  handleClick = (...args) => {
    if (_isFunction(this.props.onClick)) {
      this.props.onClick(...args);
    }
  };

  render() {
    const rootClass = classNames('at-action-sheet__item', this.props.className);

    return <View className={rootClass} onClick={this.handleClick}>
        {this.props.children}
      </View>;
  }
}

AtActionSheetItem.propTypes = {
  onClick: PropTypes.func
};