Reactjs 将aria角色传递给物料UI<；图标>；成分

我目前正在使用Material UI的

组件。Material UI的文档在本文中提到了传递

role=“img”

的能力：但是我认为它只适用于

。有没有人幸运地把这些道具传给了

组件

这是我正在使用的示例代码

import React from 'react';
import { Icon } from '@material-ui/core';

export interface IconProps {
  icon: string;
}

export const SampleIcon = ({icon = 'home'}: IconProps) => {
  return (
    <Icon
      aria-hidden="false"
      aria-label="Sample Icon"
      component="span"
      role="img"
      title="Sample Icon">
        {icon}
    </Icon>
  );
});

从“React”导入React；
从'@material ui/core'导入{Icon}；
导出接口IconProps{
图标：字符串；
}
导出常量SampleIcon=（{icon='home'}:IconProps）=>{
返回(
{icon}
);
});

您的代码没有问题<代码>图标接受可分配给任何DOM元素的所有标准JSX属性，包括

角色

您的代码输出以下HTML：

star

---

奇怪的是，我会再看一眼，如果它能工作的话，我会接受的。仅供参考，你可以在

IconProps

上选择

icon

。否则，设置默认值就没有意义了。