Я знаю что это вью сообщество, но тут много толковых

Question

Я знаю что это вью сообщество, но тут много толковых

ребят по React, подскажите пожалуйста советом:

Есть массив объектов, в них название компонентов, id, различные данные.
[
{name: 'comp1', id: 1},
{name: 'comp2', id: 2},
{name: 'comp3', id: 3},
]
,
Вывожу их в шаблоне через arr.map (все как обычно)

Вопрос - Как можно красиво написать, что бы не городить куча v-if внутри конструкции map ?

.......
Я создал "фабрику", объект:
const getComponent = {
comp1: <Comp 1/>,
comp2: <Comp 2/>,
comp3: <Comp 3/>,
}
и в шаблоне вывел:
{array.map(item => {
const Component = getComponent[item.name]
return <Component key={item.id} item={item} />
})}
НО это мне не подходит в плане перфоменса, так как данный массив вечно будет изменяться этими компонентами

#programming #russian #vue.js

0

05.11.2021

1 ответов

21 просмотр

Illya Klymov 🇺🇦 · Accepted Answer

Illya Klymov 🇺🇦

а в чем проблема по перформансу здесь будет?

0

05.11.2021

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

Я знаю что это вью сообщество, но тут много толковых

1 ответов

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