Отобразить компонент React, не зная его структуру

Question

Я все еще относительно новичок в Реакте, и у меня возникли проблемы с подходом, которому я должен следовать. Я хочу создать приложение, которое выбирает объект JSON каждый раз, когда я обновляю sh страницу. Каждый JSON объект имеет уникальную структуру - в каждом сообщении есть заголовок и заголовок, но каждый из постов блога может также состоять из изображений, абзацев и неупорядоченных / упорядоченных списков - некоторые могут иметь несколько изображений, но без абзацев, может быть тот, у которого нет ни изображений, ни параграфов, а только 7 списков, некоторые могут содержать все три элемента и т. д. c.

Разрешены только эти 5 элементов, но порядок и вхождение каждый раз в основном случайны. Вот мой вопрос - как я могу заставить приложение отображать каждый элемент поста в блоге независимо от его типа?

Answer 1

Для каждого из 5 элементов вы можете создать компонент React. После этого в ваш блог компонент импортируем все эти компоненты. В методе рендеринга вы можете go - JSON из API и вызывать пользовательскую функцию renderComponent(componentName), где componentName взято из JSON. В renderComponent вы можете использовать регистр переключателя, чтобы решить, какой компонент React должен быть возвращен. Это довольно наивная реализация, но способ начать