Javascript 您能从json文件中获取组件名称并将内容放在该组件中吗

是否有一种方法可以根据提供的名称将react组件作为目标，该名称在json文件中，例如：left_side_bar、top_nav、footer等

然后使用React组件中的.map函数以相应的名称呈现多个子组件

{
    "name": "top_nav",
    "text": "Top Navigation",
    "url": "",
    "icon": "",
    "items": [
        {
            "name": "overview",
            "text": "Overview",
            "url": "http://tpa.gatewaypro.com/overview",
            "icon": "tpa_overview_icon.jpg",
            "items": []
        },
        {
            "name": "plan-health",
            "text": "Plan Health",
            "url": "http://tpa.gatewaypro.com/plan-health/",
            "icon": "tpa_plan_health_icon.jpg",
            "items": []
        },
        {
            "name": "employees",
            "text": "Employees",
            "url": "http://tpa.gatewaypro.com/employees",
            "icon": "tpa_employees_icon.jpg",
            "items": []
        }
    ]
}

在上面的示例中：“名称”：“顶部导航”可能是左侧导航栏，这意味着不是将顶部导航组件作为目标，而是将左侧导航栏组件。。。我想最好的问题是，是否有可能在react中“瞄准”一个组件。您知道在jQuery/javascript中会出现什么情况 $（#idName）.append（stuff）

---

或者查找并放置？

看一看@IanGuimarães谢谢，虽然这是一个示例，但我们正在讨论使用指定的类名创建一个react组件，但我认为它不适用于我正在尝试的目标组件（比如类名），因为domIt已经存在，但这完全取决于您使用的工具和库。举一个例子来说明我的想法：假设您使用Redux作为存储，您呈现您的组件，每个组件订阅该存储中自己的数据源，最终您获取json数据并更新存储中的这些数据源，只要您更新它们，组件也会更新。所以你有点像你想要的那样瞄准你的组件。所以你可以把这个方法作为一个可能的解决方案：）@Max谢谢你Max，我相信你的想法会奏效的^-^