在不知道其结构的情况下显示 React 组件
Display React component without knowing its structure
我对 React 还是比较陌生，我对应该遵循的方法有疑问。我想创建一个每次刷新页面时获取 JSON object 的应用程序。每个 JSON object 都有一个独特的结构 - 每个 post 都有一个标题和标题，但每个 blog-posts 也可以包含图像、段落和 unordered/ordered 列表 - 有些可能有多个图像但没有段落，可能有一个没有图像也没有段落只有 7 个列表，有些可能有所有三个元素等。
只允许使用这5个元素，但每次的顺序和出现基本上都是随机的。我有一个问题 - 如何让应用程序显示 blog-post 的每个元素，而不考虑其类型？
对于 5 个元素中的每一个，您都可以创建 React 组件。在您的 Blog 组件中导入所有这些组件之后。在渲染方法中，您可以从 API 遍历 JSON 并调用自定义函数 renderComponent(componentName)，其中 componentName 取自 JSON。在 renderComponent 中，您可以使用 switch case 来决定应该返回哪个 React 组件。这是一个非常幼稚的实现，但却是一种开始的方式
我对 React 还是比较陌生，我对应该遵循的方法有疑问。我想创建一个每次刷新页面时获取 JSON object 的应用程序。每个 JSON object 都有一个独特的结构 - 每个 post 都有一个标题和标题，但每个 blog-posts 也可以包含图像、段落和 unordered/ordered 列表 - 有些可能有多个图像但没有段落，可能有一个没有图像也没有段落只有 7 个列表，有些可能有所有三个元素等。
只允许使用这5个元素，但每次的顺序和出现基本上都是随机的。我有一个问题 - 如何让应用程序显示 blog-post 的每个元素，而不考虑其类型？
对于 5 个元素中的每一个，您都可以创建 React 组件。在您的 Blog 组件中导入所有这些组件之后。在渲染方法中，您可以从 API 遍历 JSON 并调用自定义函数 renderComponent(componentName)，其中 componentName 取自 JSON。在 renderComponent 中，您可以使用 switch case 来决定应该返回哪个 React 组件。这是一个非常幼稚的实现，但却是一种开始的方式