Javascript 读取JSON文件并将其表示为图形树视图

您好，我对使用React JS进行web开发非常陌生，下面有一个疑问

如何使用react js将Json对象数据表示为图形视图，如UI端的树视图？？而且还需要做双向绑定，如果用户在UI上做了更改，同样的内容也应该在原始Json对象上呈现

---

您可以根据需要表示JSON树，例如，您可以使用div集合“绘制”结构。您可以通过json数组映射并表示您的UI。比如：

render() {
    return (
        <div className="entities">
        { 
          this.props.myObjects.map( (obj, index) => 
          { 
            return <Link key={index} to={`/somepath/${index}`} >
            <div><p>{obj.name}</p></div></Link> 
          })
        }
        </div>
    );
  }

render（）{
返回(
{ 
this.props.myObjects.map（（对象，索引）=>
{ 
返回
{obj.name}

})
}
);
}

父div可能有红色背景，嵌套div可能有缩进和其他背景颜色。你的问题不是很明确。你想做什么

---

不支持双向数据绑定。如果用户更改了数据，则需要手动保存数据。如果您也使用Redux，这不是什么大问题。

这两个主题都可以轻松研究。Stackoverflow不是“如何”教程服务。当您遇到无法解决的实际代码问题时，请回来。谢谢。。我的疑问是..如何在UI上将动态JSON对象数据表示为图形树结构，因为我还没有找到任何可行的组件。例如react treeview和react ui树组件，我已经浏览了这些组件，但它们是以文件夹层次方式呈现的。但我的要求是基于通过RESTAPI调用接收到的json数据以流程图的形式呈现。请建议..提前感谢。下面链接中提到的示例流程图。。我已经得到了答案。。它可以通过在react中使用goJS组件集成来实现。感谢维克托。