Программист, CEO SHIFU.IO

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 />
    }