as logo} from "react-icons/io";
//props.icon=‘logo’
const Logos = (props) => {
return (
<{props.icon}/>
)
ругается на <{props.icon}/>
const Logos = ({Icon}) => { return ( <Icon/> ) может так? или так const Logos = ({children}) => { return ( <>{children}</> ) или так const Logos = (props) => { const Component = props.icon return ( <Component/> )
1 не подходит, потому что просов много 2 подходит, но вместо вызова компонента происходит вставка в html как текста типа «Отчет по затратам <logo/> » 3 не подходит, потому что он вызывает сразу Component, игнорируя переменную const Component = props.icon
я тоже, результаты описал, перепробую еще раз
Обсуждают сегодня