aurora-topu/build/components/AuroraMenu/AuroraMenuItem.js

React component library

import React, { useContext } from 'react';
import classNames from 'classnames';
import { MenuContext } from './AuroraMenu';
var AuroraMenuItem = function (props) {
    var index = props.index, disabled = props.disabled, className = props.className, style = props.style, children = props.children;
    var context = useContext(MenuContext);
    var classes = classNames('menu-item', className, {
        'is-disabled': disabled,
        'is-active': context.index === index,
    });
    var handleClick = function () {
        // 触发父组件的onSelect，设置激活状态的index
        if (!disabled && context.onSelect && typeof index === 'string') {
            context.onSelect(index);
        }
    };
    return (React.createElement("li", { className: classes, style: style, onClick: function () {
            handleClick();
        } }, children));
};
AuroraMenuItem.defaultProps = {
    children: '菜单',
};
AuroraMenuItem.displayName = 'AuroraMenuItem';
export default AuroraMenuItem;