Опубликовано:
Component Literals в React
Вот один из способов заменить switch для отображения компонента в зависимости от типа:
function Component1() {
return (
<>Component1</>
)
}
function Component2() {
return (
<>Component2</>
)
}
function TestObjectLiterals() {
const componentMap = {
COMPONENT1: Component1,
COMPONENT2: Component1,
}
const Component = componentMap['COMPONENT1'] // Тут используем внешнюю опцию для выбора
// Например const Component = componentMap[props.type]
return <Component />
}