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

Mini Program components that implement Google's Material Design.

import Taro from '@tarojs/taro'
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
}