MUI 失败的道具类型：提供给 `ForwardRef(Link)` 的价值 `#ff9800` 的无效道具`color`，答案

【问题标题】：MUI Failed prop type: Invalid prop `color` of value `#ff9800` supplied to `ForwardRef(Link)`,MUI 失败的道具类型：提供给 `ForwardRef(Link)` 的价值 `#ff9800` 的无效道具`color`，
【发布时间】：2020-12-03 13:31:11
【问题描述】：

我将颜色设置为white 和ff9800，如下所示。
并收到此错误消息。

Failed prop type: Invalid prop `color` of value `#ff9800` supplied to `ForwardRef(Link)`, expected one of ["initial","inherit","primary","secondary","textPrimary","textSecondary","error"].

我怎样才能摆脱这个？

 <Typography variant='body2' color='white' align='center'>
    {'Copyright ???? '}
    <Link color='#ff9800' target='_blank' href=''></Link>
    {' '}
    {new Date().getFullYear()}
    {'.'}
 </Typography>

【问题讨论】：

只需将<Link> 组件中的color='#ff9800' 更改为color="primary" 之类的东西（您可以在错误消息中看到提供的选项...
我正在尝试将颜色设置为#ff9800。不是主要或次要颜色。
是的，所以你需要override 原色，或者已经设置的任何其他颜色。如果只是为一个人设置它，提供的答案也适用......

标签： reactjs material-ui

【解决方案1】：

您可以将其添加为内联样式道具：style={{ color: '#ff9800' }}

所以你的代码变成了：

 <Typography variant='body2' style={{ color: '#ff9800' }} align='center'>
    {'Copyright ? '}
    <Link style={{ color: '#ff9800' }} target='_blank' href=''></Link>
    {' '}
    {new Date().getFullYear()}
    {'.'}
 </Typography>

只适用于任何一个<Component/>，最好是内部组件，它会工作。

【讨论】：