如何在reactjs中向div动态添加元素

我还没有反应过来。。如果有人能帮我，请

我已经从web服务接收到json格式的数据，并在数组中保存了这些数据。 因此，接收到的数据如下所示： 现在我想要的是在前面，它应该创建一个屏幕，如下所示：

如何创建此类div。因为这个div必须动态生成，因为可能会调用另一个web服务，该服务将生成一些其他字段或具有更多字段

我的代码片段：-

像这样的UI只是标签不同这里的标签是dbname，profilename，username，因为这是我从数据中接收到的

---

基本上，您可以在其他JSX元素中使用其他JSX元素的一个元素

假设我们有一个DatabaseList组件：

import React from 'react';

const DatabaseList = ({ data }) => { // data is the json you got from the server (array of databases)
  const databases = data.map(db => <Database name={db.name} profilename={db.profilename} password={db.password} key={db.name} />);

  // databases is now an array of JSX-Elements. We can just return that array here to get it displayed. Don't forget to set the key to an unique value (e.g. database name)
  return <div>{databases}</div>;
}

export default DatabaseList;

当然，数据库组件只是以名称等作为道具，然后显示它。如果以后要更改数据，需要对数据库组件实现类似onChange事件的功能

---

如果您需要有关如何编写数据库组件的帮助，请告诉我或分享您的代码以及您的困境。

您可以分享代码吗？这可能是您试图创建的UI的屏幕截图吗？您好，我已经添加了我的代码以及示例结构，以及它在UI中的外观。您需要这方面的一些信息，例如它应该是什么类型的元素。您可以使用元素类型维护所有可能字段的映射，或者如果服务提供这些信息，这将很容易。@Pooja，您介意将代码粘贴为一个片段吗。我们会更容易帮助你。