Всем привет! а как передать значение пропса как компонент? типа import {Logo123

Question

Всем привет! а как передать значение пропса как компонент? типа import {Logo123

as logo} from "react-icons/io";

//props.icon=‘logo’

const Logos = (props) => {
return (
<{props.icon}/>
)

ругается на <{props.icon}/>

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

0

16.03.2022

4 ответов

193 просмотра

Cicada 3301 im Автор вопроса

Ivan Frost
const Logos = ({Icon}) => { return ( <Icon/> ) мо...

1 не подходит, потому что просов много 2 подходит, но вместо вызова компонента происходит вставка в html как текста типа «Отчет по затратам <logo/> » 3 не подходит, потому что он вызывает сразу Component, игнорируя переменную const Component = props.icon

0

16.03.2022

Ivan Frost

Cicada 3301 im
1 не подходит, потому что просов много 2 подходит,...

я попробовал))

0

16.03.2022

Cicada 3301 im Автор вопроса

Ivan Frost
я попробовал))

я тоже, результаты описал, перепробую еще раз

0

16.03.2022

Ivan Frost · Accepted Answer

Ivan Frost

const Logos = ({Icon}) => { return ( <Icon/> ) может так? или так const Logos = ({children}) => { return ( <>{children}</> ) или так const Logos = (props) => { const Component = props.icon return ( <Component/> )

0

16.03.2022

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

Всем привет! а как передать значение пропса как компонент? типа import {Logo123

4 ответов

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