Всем привет. Есть объект у которого в свойствах лежат компоненты. export const

Question

Всем привет. Есть объект у которого в свойствах лежат компоненты. export const

ExternalLinkIconsMap = {
[ExternalLinkCode.Comp1]: StyledIcon1,
[ExternalLinkCode.Comp2]: StyledIcon2,
};

Далее, в другом компоненте я импортирую этот объект и внутри .map метода назначаю переменной эти компоненты и рендерю.

{links.map(({ title, code, url }) => {
const ExternalLinkIcon = ExternalLinkIconsMap[code];

return (
<Tooltip key={code} content={title} destroyTooltipOnHide placement="bottom">
<ExternalLink href={url} keepDefault target="_blank" onClick={handleClick(code)}>
<IconButton type="primary" size="medium">
<ExternalLinkIcon />
</IconButton>
</ExternalLink>
</Tooltip>
);
})}

Получаю вот такую ошибку:

JSX element type 'ExternalLinkIcon' does not have any construct or call signatures.

В чём может быть дело?

#frontend #javascript #programming #react.js #russian

0

20.07.2020

1 ответов

5 просмотров

eden lane · Accepted Answer

eden lane

Тебе надо в мапе jsx-ом писать

0

20.07.2020

169 похожих чатов

Всем привет. Есть объект у которого в свойствах лежат компоненты. export const

1 ответов

Похожие вопросы