А есть и огромные сайты - приложения на jq

А есть и реактовские сайты с модулями на jq

Я как раз хотел бы донести мысль, что не стоит рассчитывать на строгую  предрасположенность инструмента. На практике в условиях бизнеса экономическую эффективность могут показывать разные инструменты, рассчитанные, казалось бы, на разные цели. Но у реакт и jq не такая уж и огромная пропасть, как могло бы показаться. У меня лично был проект на реакте, в котором от меня техлид требовал использовать плагин jq для DnD, т.к. на тот момент альтернатив в реакте не было (сейчас это react-beautiful-dnd)

Написать по-другому - это святое. https://gist.github.com/jaysonrowe/1592432

Спасибо, что поделились, мне правда жаль, что вам пришлось работать в таких условиях.

Надеюсь, с помощью этой группы и можно будет помочь в подобных ситуациях.

React, JQuery, Angular, Vue, а еще HyperApp и вообще - смотри https://www.javascripting.com/. Это как раз тот случай, когда больше знаешь - лучше спишь. А что выбрать в конкретном случае, подсказывает опыт и интуиция.

Всем привет!
Должно же работать?
render () {
   const TopPanel = this.state.name
   return (
  <TopPanel />
   )
}

вроде бы надо так:  const {TopPanel} = this.state

если в this.state.name компонент то должно.

Так не работает.

А если строка?

Беда... А какая ошибка?

Тип не нравится. Ожидается строка или функция.

Вобще то вы разные переменные из стейта вытягиваете.
Оно и не должно работать если this.state.TopPanel === undefined.

Ну стал быть компонент она хочет. Так и скорми ей компонент.

Похоже, что надо предавать компонет а не строку.  Alex, спасибо!

Да, так и сделаю, спасибо за помощь!

Можно и то и другое. А что ты хочеш сделать? Что в this.state.name должно быть?

Строка с названием компонента.
Вариант заменить строку на компонент мне вполне подходит. Конкретно, сейчас такой потребности нет. Это на будущее.

Вообще хранить компонент в state мысль, конечно, смелая, но едва ли продуктивная.