时间戳

首页 > 解决方案 > 如何在反应js中基于json在运行时在页面加载时呈现输入字段

javascript - 如何在反应js中基于json在运行时在页面加载时呈现输入字段

问题描述

我有以下对象数组作为示例输入。我在组件的页面加载中提供了这个对象。

我需要对其进行迭代，然后获取它的标签名称、输入类型和与之关联的文本。

假设对于第一个对象，我需要显示标签，它的输入类型是下拉菜单，它的文本在一行，然后转到第二个对象显示它的标签文本，它的输入类型是文本框，然后是第二行的文本，依此类推其他物体。

它应该在页面加载时发生在运行时。我不知道该怎么做。

我只需要在页面加载时呈现它。所以我知道我需要在componentDidMount()方法中编写该代码，但不确定如何呈现。

虽然我正在寻找示例代码，但解决它的方法也将帮助我自己解决它。提前致谢。

[
    {

        "LABEL_NAME": "Purpose",
        "LABEL_TYPE": "STANDARD_LABEL",
        "WIDGET_TYPE": "NARROW_DROPDOWN",
        "TEXT": "Abc"
    },
    {
        "LABEL_NAME": "Sub-purpose",
        "LABEL_TYPE": "STANDARD_LABEL",
        "WIDGET_TYPE": "Textbox",
        "HELP_TEXT": "pqr"
    },   
    {
        "LABEL_NAME": "Date",
        "LABEL_TYPE": "STANDARD_LABEL",
        "WIDGET_TYPE": "DATE_FIELD",
        "HELP_TEXT": null
    }
]

标签： javascriptarraysreactjsobject

解决方案

推荐阅读