react18-学习笔记48-基础架构-menuItem.tsx

import React from "react"

import classNames from 'classnames'

export interface MenuItemProps {
    index?: string;
    disabled?: boolean;
    className?: string;
    style?: React.CSSProperties;
    children?:any
  }

  const MenuItem: React.FC<MenuItemProps> = (props) => {
    const { index, disabled, className, style, children } = props
  
    const classes = classNames('menu-item', className, {
      'is-disabled': disabled
    })
   
    return (
      <li className={classes} style={style}>
        {children}
      </li>
    )
  }
  
  MenuItem.displayName = 'MenuItem'
  export default MenuItem