Question

我将颜色设置为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>

Answer 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/>，最好是内部组件，它就可以工作。

MUI道具类型失败：提供给`ForwardRef（Link）`的值为＃ff9800的道具color无效，

1 个答案: