javascript - 在不知道其结构的情况下显示 React 组件

Question

我对 React 还比较陌生，我应该遵循的方法有问题。我想创建一个每次刷新页面时都获取 JSON 对象的应用程序。每个 JSON 对象都有一个独特的结构 - 每个帖子都包含一个标题和一个标题，但每个博客帖子也可以包含图像、段落和无序列/有序列表 - 有些可能有多个图像但没有段落，可能是一个没有图像也没有段落只有 7 个列表的列表，有些可能包含所有三个元素等。

只允许这 5 个元素，但每次的顺序和出现基本上是随机的。我有一个问题 - 如何让应用程序显示博客文章的每个元素，无论其类型如何？

标签： javascriptreactjsreact-component

Answer 1

对于 5 个元素中的每一个，您都可以创建 React 组件。在您的博客组件中导入所有这些组件之后。在渲染方法中，您可以通过 API 中的 JSON 并调用自定义函数renderComponent(componentName)，其中componentName从 JSON 中获取。renderComponent你可以使用 switch case 来决定应该返回哪个 React 组件。这是非常幼稚的实现，但是一种开始的方式