Блог

Главная - Вопросы по программированию - Ошибка MUI тип реквизита: недопустимый реквизит `цвет` значения `#ff9800`, предоставленный `forwardRef (Ссылка)`,

Ошибка MUI тип реквизита: недопустимый реквизит `цвет` значения `#ff9800`, предоставленный `forwardRef (Ссылка)`,

#reactjs #material-ui

#reactjs #материал-пользовательский интерфейс

Вопрос:

Я установил цвет на 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>

Комментарии:

1. Просто измените color='#ff9800' внутри <Link> компонента на что-то вроде color="primary" (как вы можете видеть предоставленные параметры в сообщении об ошибке…

2. Я пытаюсь установить цвет на #ff9800. Не является основным или вторичным цветом.

3. Да, тогда вам нужно будет override использовать основной цвет или любой другой цвет, который уже установлен. Предоставленный ответ также работает, если просто настроить его для одного…

Ответ №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/> , предпочтительно к внутреннему компоненту, и это сработает.