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
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.