Всем привет. Есть компоненты похожие,(svg элементы с цветами)- RedIcon, BlueIcon,... Чтобы

Question

Всем привет. Есть компоненты похожие,(svg элементы с цветами)- RedIcon, BlueIcon,... Чтобы

их зарендерить имею общую компоненту и передаю пропс color:
<Icon color="red">
У компоненты Icon логика такова
Я создала массив объектов icons = [{ component: <RedIcon/>, color:'red'}, ...]
const icon = icons.find(item => item.color == color)
return <> { icon.component} </>
Как сделать так,чтобы Icon можно было передавать прос isBig, чтобы она пошла как пропс потом в RedIcon, BlueIcon? Так как в методо рендера у нас icon.component,а не <RedIcon/> как там передавать этот пропс?

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

0

13.07.2021

4 ответов

12 просмотров

Ivan 🧑‍🚀

const icons = [{ component: RedIcon, color:'red' }] const icon = icons.find(item => item.color == color) const Component = icon.component return ( <> <Component prop={prop} /> </> )

0

13.07.2021

Ivan 🧑‍🚀

const icons = [{ component: RedIcon, color:'red' }] const { component: Component } = icons.find(item => item.color == color) return ( <Component prop={prop} /> )

0

13.07.2021

Dарий Автор вопроса

Отлично, спасибо!!

0

13.07.2021

:) · Accepted Answer

:)

как-то всё слишком сложно))

0

13.07.2021

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

Всем привет. Есть компоненты похожие,(svg элементы с цветами)- RedIcon, BlueIcon,... Чтобы

4 ответов

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