Как убрать предупреждение prop type в React?

Question

[Demigodd]

Использовал компонент Alert из Element React.
https://elemefe.github.io/element-react/#/en-US/alert

<Alert title="" type="warning" description={
    <span>
      Click this button
      <Button>
        <span>Home</span>
      </Button>
    </span>
    } showIcon={true} />

У этого компонента текст пишется в атрибуте description, но он принимает только string. Но мне нужно и теги.

Пример выше даст предупреждение в консоле.
checkPropTypes.js:20 Warning: Failed prop type: Invalid prop `description` of type `object` supplied to `Alert`, expected `string`.

Как можно от этого избавиться ?

Comments

[Lynn «Кофеман»]

А он таки показывает что надо?

Answer 1

[Антон Спирин]

Свойством description надо передавать строку, а вы передаете объект.
Пример правильного использования компонента:

<Alert title="Title string" description="Description string" showIcon />;

Comments

[Demigodd]

А что делать если мне нужно передать кнопку в конце текста ?

[Антон Спирин]

DEATH2298,
1. Написать свой компонент.
2. Найти компонент подходящий под вашу задачу.
3. Скопировать исходный код этого компонента и немного изменить.