Reactjs 可重用组件中的条件类

我有一个IconButton组件，我想有条件地应用类名道具，这样它就不会影响基本样式，而只影响我选择的样式。在这种情况下，IconButton将在其声明为仅链接图标的位置上有一个悬停光标。否则，指针光标不会显示

我有两个样式类声明如下：

const styles = {
    appbaricon: {
        '&:hover': {
            cursor: 'auto',
        },
    },
    linkicon: {
        '&:hover': {
            cursor: 'pointer',
        },
    },
};

const CMAppBarIcon = (props) => {
    return (
        <IconButton
            className={props.classes.appbaricon}
            disableRipple>
            {props.children}           
        </IconButton>
    );
};

我的自定义组件如下所示：

const styles = {
    appbaricon: {
        '&:hover': {
            cursor: 'auto',
        },
    },
    linkicon: {
        '&:hover': {
            cursor: 'pointer',
        },
    },
};

const CMAppBarIcon = (props) => {
    return (
        <IconButton
            className={props.classes.appbaricon}
            disableRipple>
            {props.children}           
        </IconButton>
    );
};

constcmappbaricon=（道具）=>{
返回(
{props.children}
);
};

按照编写方式，我将appbaricon样式传递给带有props的类，我需要编写一条规则，如果传递了prop

isLink=“true”

，则应用

className={props.classes.linkicon}

否则保留

className={props.classes.appbaricon}

提前感谢

请按以下方式使用

const CMAppBarIcon = (props) => {
    return (
        <IconButton
            className={props.isLink ? props.classes.linkicon : props.classes.appbaricon}
            disableRipple>
            {props.children}           
        </IconButton>
    );
};

constcmappbaricon=（道具）=>{
返回(
{props.children}
);
};